Select
Pick one option from a list. The menu grows out of the trigger, with a checkmark on the selected row; full keyboard and typeahead support.
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "pleate/select";Groups, descriptions, placeholder
Sizes
Same heights as Button at the same size name.
Invalid and disabled
Choose where you fly from.
Props
- Select
Radix Select root.
value, defaultValue, onValueChange, open, onOpenChange, disabled, name, required- SelectTrigger / variant
Field look, same as Input.
"filled" | "outline" | "surface" | "plain"default "filled"- size
Height, padding and type size.
"xs" | "sm" | "md" | "lg" | "xl"default "md"- SelectTrigger / invalid
Red edge and aria-invalid.
booleandefault false- SelectTrigger / startAdornment
Icon or text before the value.
ReactNode- SelectValue
Shows the selected label, or the placeholder.
placeholder- SelectContent
Placement (Radix).
position, side, align- SelectItem
One option; description shows a second line.
value, disabled, description- SelectGroup, SelectLabel, SelectSeparator
Group options under a heading.