Select

A dropdown component for selecting a single option from a list.

Usage

Import the Select component and its related subcomponents from @bun-ui/react and use them in your project:

import { Select, SelectItem } from "@bun-ui/react"

<Select placeholder="Select an option">
  <SelectItem value="option1">Option 1</SelectItem>
  <SelectItem value="option2">Option 2</SelectItem>
  <SelectItem value="option3">Option 3</SelectItem>
</Select>

Groups and Labels

The Select component supports grouping options with labels for better organization.

Controlled

Disabled

The Select comonent can be disable as a whole or individual items can be disabled.

Customization

The Select component and its subcomponents can be customized using the className prop or by extending their styles with your design system.

Refer to the source code for more advanced usage and customization options.