Input Group
v1.0.0Wraps an input with icons or text addons on either side.
Interactive Implementation
Type in the field to see the input group with addons in action.
https://.com
Constructed URL: https://venti-ui.comInput Group API Reference
All available props for this component.
| Property | Type | Default | Description |
|---|---|---|---|
| leftAddon | React.ReactNode | undefined | Static text or element rendered inside the left border addon region. |
| rightAddon | React.ReactNode | undefined | Static text or element rendered inside the right border addon region. |
| leftElement | React.ReactNode | undefined | Decorative icon or element positioned inside the input left padding. |
| rightElement | React.ReactNode | undefined | Decorative icon or element positioned inside the input right padding. |
| children | React.ReactElement | required | Single Input element to be cloned and augmented with spacing classes. |
| className | string | undefined | Additional utility classes merged into the flex wrapper. |