An input with icons, text or buttons attached before or after it.
npx shadcn@latest add @sphere-kit/input-groupimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea,} from "@/components/ui/input-group"One rule for using it well. Open one to see it drawn.
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 |
Where visitors land after the click.
Between 7 and 30 days.
We text you when a trial is about to end.
Paste the page the short link should open.
This username is available.
We check the name is free before you save.
Shown in the changelog and sent to subscribers.
Write at least 10 characters so the team can act on it.
Editable again when the experiment ends.
Press Enter to send, Shift and Enter for a new line.