InputGroup
Input groups allowed us to chain serveral input related components into a single row.
Addons
Addon can be placed on either side of an input. It also can place in between of both Input.
@
.exmaple.com
http://
.com
to
With Buttons
Button can also chain with Input.
Sizes
Add available sizes value to
InputGroup size prop will automatically resize the content.@
@
Other Combination
Example of different
InputGroup combination.To
.com
Time
API
InputGroup
| Prop | Description | Type | Default |
|---|---|---|---|
| size | InputGroup size | 'lg' | 'md' | 'sm' | - |
InputGroup.Addon
| Prop | Description | Type | Default |
|---|---|---|---|
| size | Addon size | 'lg' | 'md' | 'sm' | - |