shadcn.io is not affiliated with official shadcn/ui
Combobox examples · Standard
Large Size Variant Combobox for React
A large combobox with a taller button and bigger text for prominent fields.
Framework
UI library
A priority picker sized up. The button uses the large size and text-base, and the options use text-base too, so the field stands out and is easier to hit on touch screens. Use it for the main choice on a page or in touch-first layouts.
Preview
Installation
Sign in to get your install command
Free with an account. It carries your token, so the CLI installs everything in one go.
FAQ
What makes the button large?
size="lg" on the outline button, with text-base and a fixed w-[280px].
They're props of the Button the trigger renders.
What are the options?
Low Priority, Medium Priority, High Priority and Urgent Priority. The search box says Search priority..., and No priority found. shows when nothing matches.
Related
- Small Size Variant ComboboxA compact combobox with a small button
- Simple Single Select ComboboxA single-select combobox that opens from
- Full Width Variant ComboboxA combobox whose button and list stretch
- With Item Icons ComboboxA combobox with an icon beside each
- Multiple Items with Badges ComboboxA multi-select combobox that shows each
- Disabled State ComboboxA disabled combobox that shows its