Learning > ui > core > Select
Edit this page

Select

The Select category in the @bentley/ui-core package includes the Select, LabeledSelect and ThemedSelect components.

Select

The Select React component is a wrapper for the <select> HTML element. The Select component is meant to allow the user to select an option from a list. The list of options popup below the component, or above if there isn't enough room below.

<Select options={["Option 1", "Option 2", "Option 3", "Option 4"]} />

select

Disabled

<Select options={["Option 1", "Option 2", "Option 3", "Option 4"]} disabled />

select disabled

Placeholder

<Select options={["Option 1", "Option 2", "Option 3", "Option 4"]} placeholder="Pick an option" />

select disabled

LabeledSelect

<LabeledSelect label="Labeled Select" options={["Option 1", "Option 2", "Option 3", "Option 4"]} />

labeled select

ThemedSelect

ThemedSelect is a wrapper for react-select with iTwin.js UI theming applied.

API Reference

Last Updated: 11 June, 2024