Select Menu

Forms · SelectMenu

A styled select: the button shows the choice, the list opens below it with groups, icons, hints and disabled options. Use the native Select when the system picker is preferred (long lists on phones).

Keyboard: ↑/↓/Enter/Space open, arrows move, Home/End jump, typing jumps to a match, Enter picks, Escape closes.
Inside a Form it submits its value under name and shows its validation message.

PreviewCode

Assignee

RegionWhere workspace data is stored

Props

SelectMenu

Prop	Type	Notes
`options`	`(string \| SelectMenuOption)[]`	Required
`value?`	`string`
`defaultValue?`	`string`
`onChange?`	`(value: string) => void`
`placeholder?`	`string`
`disabled?`	`boolean`
`size?`	`"sm" \| "md"`	`sm`: a compact trigger, e.g. a sort menu next to a heading.
`label?`	`string`
`hint?`	`string`
`error?`	`string`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.