saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Combobox

Combobox

Autocomplete input with dropdown selection.

Loading...

Installation

pnpm dlx shadcn@latest add @saturation/combobox

Usage

import { Combobox } from "@/components/ui/combobox"
<Combobox
  options={options}
  value={value}
  onValueChange={setValue}
/>

Examples

With Status

Loading...
Combobox with status indicators.

With Icon

Loading...
Combobox with icons.

With User

Loading...
User selection with avatars.

With Groups

Loading...
Grouped options.

Multiple

Loading...
Multiple selection.

API Reference

PropTypeDefaultDescription
options*Option[]—Available options.
valuestring—Selected value.
onValueChange(value: string) => void—Change handler.

On This Page

  • Installation
  • Usage
  • Examples
  • With Status
  • With Icon
  • With User
  • With Groups
  • Multiple
  • API Reference
ReactDark