Components

Virtualized Combobox

A searchable, virtualized Base UI combobox with single and multiple selection, controlled search, custom triggers, and localized labels.

Install

Add this registry item to your app with shadcn.

bash

bunx --bun shadcn@latest add https://krakstack.net/r/virtualized-combobox.json

Overview

VirtualizedCombobox combines Base UI and TanStack Virtual into a complete searchable selector for large or remotely filtered option sets. It supports single and multiple selection, controlled open and search state, custom item rendering, and custom triggers.

Usage

tsx

const [value, setValue] = useState(null);

<VirtualizedCombobox
  ariaLabel="Select a city"
  emptyLabel="No cities found."
  items={cities}
  onValueChange={setValue}
  placeholder="Select a city"
  value={value}
/>

Set multiple and pass an array value for multi-selection. Use searchValue and onSearchValueChange for remote search.

Dependencies

Packages and shadcn components required by this registry item.

Dependencies

Registry Dependencies

Preview

Virtualized Combobox

Search 1,000 options while only rendering the visible rows.