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

Attribute	Type	Value	Default Value	Description
inputProps	object	e.g. inputProps={{size: 'lg'}}		Pass props to input such as "size" to sync size with append and prepend components