Skip to content

[data-js-navigation-trigger] { display: none !important; }

Back to ComponentsComponent

Combobox

Open-code aq-ui accessible component family for Combobox.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add combobox

API reference

Client moduleView full source

Quick start

"use client"

import { Combobox } from "@/components/ui/combobox"

<Combobox />

Exports

Combobox const
ComboboxChip const
ComboboxChips const
ComboboxChipsInput const
ComboboxCollection function
ComboboxContent const
ComboboxEmpty const
ComboboxGroup const
ComboboxInput const
ComboboxItem const
ComboboxLabel const
ComboboxList const
ComboboxSeparator const
ComboboxTrigger const
ComboboxValue function
useComboboxAnchor function

Registry dependencies

button, input-group, utils

Package dependencies

@base-ui/react@^1.7.0, lucide-react@^1.31.0

Files

components/ui/combobox.tsx

Source