Primitive

Select

Finite contract-owned choices.

System role

Tier-0 design-system foundation used by dynamic projections.

Variants
5
Theme
70 / 20 / 10

Rendered component states

Every documented variant

RESPONSIVE · REDUCED MOTION SAFE
01

placeholder

Select
placeholderAPPLIED RECIPE
Contract validation and help appear here.
standard densitybordered surfaceneutral tone

Use

placeholder is selected by contract metadata, responsive context or explicit recipe configuration for Select.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

02

selected

Select
selectedAPPLIED RECIPE
Contract validation and help appear here.
standard densitybordered surfaceneutral tone

Use

selected is selected by contract metadata, responsive context or explicit recipe configuration for Select.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

03

open

Select
openAPPLIED RECIPE
Contract validation and help appear here.
standard densitybordered surfaceneutral tone

Use

open is selected by contract metadata, responsive context or explicit recipe configuration for Select.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

04

error

Select
errorATTENTION
Check this value and try again.
standard densitybordered surfacedanger tone

Use

error is selected by contract metadata, responsive context or explicit recipe configuration for Select.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

05

disabled

Select
disabledNON-INTERACTIVE
This field is unavailable in the current state.
standard densitybordered surfaceneutral tone

Use

disabled is selected by contract metadata, responsive context or explicit recipe configuration for Select.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

Previous← TextareaNextCombobox →