Shadcn.io is not affiliated with official shadcn/ui
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
Space is precious—smaller components fit more. This React combobox uses h-8 height, text-xs text size, and size-3 icons creating compact interface for dense layouts. Built with shadcn/ui Command and Popover featuring consistent small sizing across trigger, input, items, and icons. The small size variant optimizes density—perfect for toolbars, table cells, sidebar controls, or anywhere space constraints demand compact UI without sacrificing functionality maintaining full combobox features in minimal footprint.
Small Size Variant preview
Installation
Related Components
Simple Single Select
Default size combobox
Large Size Variant
Larger h-12 combobox
Full Width Variant
Responsive width sizing
Small Button
Small button sizing
Multiple Items with Badges
Compact multi-select
With Item Icons
Icon-enhanced items
FAQ
Was this page helpful?
Sign in to leave feedback.
Simple Single Select
A foundational single-select React combobox with searchable dropdown using Command component and Popover for framework selection with shadcn/ui
With Default Selected Value
A React combobox with default selected value initialized using useState for pre-selected language preference display with shadcn/ui