Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Combobox - Large Size Variant
A large React combobox variant with h-12 trigger, text-base typography, and size-5 icons for prominent display and improved touch accessibility with shadcn/ui
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Bigger invites interaction—large targets improve accessibility. This React combobox uses h-12 height, text-base text size, and size-5 icons creating prominent interface for important selections. Built with shadcn/ui Command and Popover featuring generous sizing across trigger, input, items, and icons. The large size variant prioritizes accessibility—perfect for primary selections, mobile interfaces, touch-first designs, or anywhere generous hit targets improve usability making interactions easier through increased target sizes meeting WCAG guidelines.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Simple Single Select
Default size combobox
Small Size Variant
Compact h-8 combobox
Full Width Variant
Responsive width sizing
Large Button
Large button sizing
Multiple Items with Badges
Large multi-select
With Item Icons
Icon-enhanced items
Questions you might have
React Combobox - Small Size Variant
A compact React combobox with small size variant using h-8 trigger, text-xs typography, and size-3 icons for space-constrained interfaces with shadcn/ui
React Combobox - Disabled State
A disabled React combobox with non-interactive trigger using disabled prop preventing user selection while showing current value with shadcn/ui