Select
Select — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
- Use it when Choose one option from a known, short-to-medium list.
- Reach for something else when Searchable or multi-select needs — use
ComboBox.
Accessibility
Always render a visible <label> (the label prop wires htmlFor/id for you). Errors set aria-invalid and are announced via aria-describedby. Required fields expose aria-required.
Import
const { Select } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
label | string | — | |
description | string | — | |
errorMessage | string | — | |
isRequired | boolean | — | |
isInvalid | boolean | — | |
isDisabled | boolean | — | |
value | string | — | |
defaultValue | string | — | |
onChange | (e: React.ChangeEvent) => void | — | |
id | string | — | |
children | React.ReactNode | — | <option> / <optgroup> elements. |
className | string | — |