Select

A listbox for picking one value, with groups, labels and disabled options.

Installation

npx plankui@latest add select

Usage

import { Select } from "@/components/ui/select";

<Select defaultValue="fra">
  <SelectTrigger><SelectValue /></SelectTrigger>
  <SelectContent>
    <SelectItem value="fra">Frankfurt</SelectItem>
  </SelectContent>
</Select>

API reference

Prop	Type	Default	Description
value / defaultValue	string		Controlled or initial value.
onValueChange	(value: string) => void		Called on selection.
SelectItem.disabled	boolean	false	Makes an option unselectable.

View the source on GitHub