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.

Render Value

For more complex use cases, you can customize how the selected value is rendered on the select trigger element by using renderValue prop.

Customization

The Select component and its subcomponents can be customized using the classes prop. This allows you to style each part of the select component independently.