Skip to main content

Select

Select — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When 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

PropTypeRequiredDescription
labelstring
descriptionstring
errorMessagestring
isRequiredboolean
isInvalidboolean
isDisabledboolean
valuestring
defaultValuestring
onChange(e: React.ChangeEvent) =&gt; void
idstring
childrenReact.ReactNode<option> / <optgroup> elements.
classNamestring