Primitive

Select

Displays a list of options for the user to pick from, triggered by a button.

Installation

npx benflux-ui add select

Usage

import {
  Select, SelectContent, SelectItem,
  SelectTrigger, SelectValue,
} from "@benflux-ui/react"

<Select onValueChange={(value) => console.log(value)}>
  <SelectTrigger>
    <SelectValue placeholder="Pick an option" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="option1">Option 1</SelectItem>
    <SelectItem value="option2">Option 2</SelectItem>
  </SelectContent>
</Select>

Props — Select

Prop	Type	Default	Description
value	string	—	Controlled value of the select
defaultValue	string	—	Default value (uncontrolled)
onValueChange	(value: string) => void	—	Called when the selected value changes
disabled	boolean	false	Disables the select