InputGroup
Input field group with proximity hover and validation.
Installation
npx shadcn@latest add https://fluid-functionalism.vercel.app/r/input-group.jsonBasic
Multiple Fields
Error State
API Reference — InputGroup
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | InputField children. |
API Reference — InputField
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Label text above the input. |
| index | number | — | Position index within the group. |
| value | string | — | Controlled input value. |
| onChange | (value: string) => void | — | Called when the input value changes. |
| placeholder | string | — | Placeholder text. |
| icon | LucideIcon | — | Leading icon inside the input. |
| error | string | — | Error message shown below the input. |
| disabled | boolean | false | Disables the input. |