Components

Select

Single-select control with popover listbox.

newfree

pnpm add @komponents/uiCanonical TypeScript source · tree-shakeable subpaths

Select keeps a concise API while ListBox items stay composable. Lives under Pickers in the component gallery.

Theme pack

Usage

Snippet

import { Select, SelectItem } from "@komponents/ui";

<Select label="Theme pack" defaultSelectedKey="forest">
  <SelectItem id="forest">Forest</SelectItem>
  <SelectItem id="tide">Tide</SelectItem>
</Select>

Accessibility

Combobox/button trigger semantics from React Aria
Arrow keys move through options
Typeahead supported by the listbox

Form

Accessible form container for native and custom field validation.

Combobox

Searchable single-select built on React Aria ComboBox.

Usage

Accessibility

On this page