Components / Controls
Select
A closed list of options.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@fabrials/ui";Or install it under shadcn's name, so code that imports
@/components/ui/selectgets this control. See shims.npx shadcn@latest add @fabrials/select
API reference
| Prop / export | Type | Description |
|---|---|---|
defaultValue | string | Initial selected value. |
value | string | Selected item value on SelectItem. |
Behavior
NativeSelect remains for pages that need a native control inside a plain form. This select is the styled list.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.