Select

Pick one option from a list.

Installation

import { Select } from "~/components/ui/Select";

Usage

<Select
  defaultValue="managed"
  items={[{ value: "managed", label: "Managed IT" }, ...]}
/>

API reference

PropTypeDefaultDescription
items{ value, label }[]-The options to choose from.
value / defaultValuestring-Selected value (controlled / uncontrolled).
onValueChange(value: string) => void-Selection handler.

Accessibility

  • Built on the Base UI Select primitive: keyboard navigation, typeahead, and listbox ARIA.
View site