Input Group
Grouped input shell with aligned addons, buttons, and embedded controls.
Default
Textarea
0/280
Validation
Enter a valid email address.
With Button
With Kbd
With Text
Installation
npx shadcn@latest add @byronwade/input-groupProps
| Prop | Type | Default | Description |
|---|---|---|---|
| align | "inline-start" | "inline-end" | "block-start" | "block-end" | "inline-start" | InputGroupAddon: where the addon sits within the group. |
| size | "xs" | "sm" | "icon-xs" | "icon-sm" | "xs" | InputGroupButton: size of an embedded button. |
| className | string | — | Classes merged onto the group shell. |