Select

Select is an accessible value selector built on the Menu component: a button toggles a keyboard-navigable menu of Option items.

Example

<Select value={value} onChange={setValue}>
  <Option value="0">idea2app</Option>
  <Option value="1">freeCodeCamp</Option>
</Select>

Usage

Select is controlled: pass the current value and update it in onChange.

<Select value={framework} onChange={setFramework}>
  <Option value="react">React</Option>
  <Option value="vue">Vue</Option>
</Select>

The toggle shows the selected option's content, or render a custom label with valueRender. Button styling props such as theme, variant, size, and disabled pass through to the toggle, and align positions the menu.