An input with icons, text or buttons attached before or after it.
npx shadcn@latest add @zellify/input-groupimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea,} from "@/components/ui/input-group"Exports InputGroup InputGroupAddon InputGroupButton InputGroupText InputGroupInput InputGroupTextarea. Every part takes its element's usual props and a className.
| Prop | Options | Default |
|---|---|---|
| align | inline-startinline-endblock-startblock-end | inline-start |
| Prop | Options | Default |
|---|---|---|
| size | xssmicon-xsicon-sm | xs |
This is a description of the input group.
This is a description of the input group.
This is a description of the input group.
This is a description of the input group.
This username is available.
This is a description of the input group.
This is a description of the input group.
This is a description of the input group.
This is a description of the input group.
This is a description of the input group.