Skip to main content

Input Group

import { InputGroup, Input } from "slipstream-ui";
const Example = () => (
<InputGroup>
<Input />
<InputGroup.Append>%</InputGroup.Append>
</InputGroup>
);

Prepend#

Example
$
<InputGroup>
<InputGroup.Prepend>$</InputGroup.Prepend>
<Input />
</InputGroup>

Append#

Example
%
<InputGroup>
<Input />
<InputGroup.Append>%</InputGroup.Append>
</InputGroup>

Props#

AttributeTypeValueDefault ValueDescription
inputPropsobjecte.g. inputProps={{size: 'lg'}}Pass props to input such as "size" to sync size with append and prepend components