Primitive

Select

Native option picker styled to the Concrete field rhythm.

Select keeps choice semantics native. Use components only when search or multiple selection is required.
form
DOM renderImage render
SelectDefault
Choose a workspace.

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Dense native disclosure fields with help and selected value.
Choose a workspace.
Render state

Filled

Value present.
Render state

Error

Validation failure.
Choose an active workspace.
Render state

Disabled

Locked field.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
options *readonly { label: string; value: string; disabled?: boolean }[]-Native select options.
labelReactNode-Optional field label.
helpReactNode-Muted helper text.
errorReactNode-Error copy and invalid treatment.