HomeSetup

Components

AccordionAlertAlert DialogAspectRatioAutocompleteAvatarBadgeBreadcrumbButtonButton GroupCardCheckboxCheckboxGroupCollapsibleComboboxContext MenuDialogDrawerDropdown MenuFieldFieldsetFormHover CardInputInput GroupInputOTPItemKbdMenubarMeterNavigation MenuNumber FieldPaginationPopoverProgressRadio GroupScrollAreaSelectSeparatorSkeletonSliderSpinnerSwitchTableTabsText LinkTextareaToastToggleToggle GroupToolbarTooltip

V0.1.0

Combobox

Combobox is a Chord form component built from Base UI primitives and project tokens.

import { Combobox } from "@/components/public/Combobox";const frameworks = ["Next.js", "Remix", "Astro", "SvelteKit", "Nuxt"];<Combobox.Root items={frameworks}>  <Combobox.Input placeholder="Pick a framework..." />  <Combobox.Portal>    <Combobox.Positioner sideOffset={6}>      <Combobox.Popup>        <Combobox.Empty>No results.</Combobox.Empty>        <Combobox.List>          {(item: string) => (            <Combobox.Item key={item} value={item}>              {item}            </Combobox.Item>          )}        </Combobox.List>      </Combobox.Popup>    </Combobox.Positioner>  </Combobox.Portal></Combobox.Root>
dqnamo
dqnamo