Input Group
Groups an input with addons, buttons, and text elements.
Usage
With Button
Sub-components
InputGroupAddon
Icon or text addon
| Prop | Type | Default | Description |
|---|---|---|---|
align | 'inline-start' | 'inline-end' | 'block-start' | 'block-end' | 'inline-start' | Position of the addon |
InputGroupButton
Action button
| Prop | Type | Default | Description |
|---|---|---|---|
variant | ButtonVariants | - | Button style variant |
size | 'xs' | 'sm' | 'icon-xs' | 'icon-sm' | 'xs' | Button size |
InputGroupInput
The input element
InputGroupText
Plain text element
InputGroupTextarea
Textarea variant