Examples
With popover
using appendTo with ref to the InputGroup for the Popover so that the popover width will depend on the whole input group
Props
InputGroup
| Name | Type | Default | Description |
|---|---|---|---|
| childrenrequired | React.ReactNode | Content rendered inside the input group. | |
| className | string | Additional classes added to the input group. |
InputGroupItem
| Name | Type | Default | Description |
|---|---|---|---|
| childrenrequired | React.ReactNode | Content rendered inside the input group item. | |
| className | string | Additional classes added to the input group item. | |
| isBox | boolean | false | Enables box styling to the input group item |
| isDisabled | boolean | Flag to indicate if the input group item is disabled. | |
| isFill | boolean | false | Flag to indicate if the input group item should fill the available horizontal space |
| isPlain | boolean | Flag to indicate if the input group item is plain. |
InputGroupText
| Name | Type | Default | Description |
|---|---|---|---|
| childrenrequired | React.ReactNode | Content rendered inside the input group text. | |
| className | string | Additional classes added to the input group text. | |
| component | React.ReactNode | 'span' | Component that wraps the input group text. |
| isDisabled | boolean | Flag to indicate if the input group text is disabled. | |
| isPlain | boolean | Flag to to indicate if the input group item is plain. |
View source on GitHub
