Selector

Beta notice: This page is being built.Edit on GitHub(opens in new tab)

Selects one value without custom option rendering or popup geometry.

longlink docs component "Selector"

Example

Selector - Properties
label`string` Label text for accessibility.
description`string` Helper text displayed below the label.
name`string` Includes the themed control's value under this form submission name.
required`boolean` Requires a value before native form submission.
disabled`boolean` Prevents interaction and excludes the field from submission.
options`SelectorOptionType[]` Selectable options, dividers, or titled sections.
defaultValue`string` Initial value.
hasSearch`boolean` Shows a search field for filtering options.
placeholder`string` Placeholder text shown when no value is selected.
value`string \| null` Currently selected value.
onChange`(value: string \| null) => void` Callback fired when the selection changes.

Beta notice: This page is being built.Edit on GitHub(opens in new tab)

Selects one value without custom option rendering or popup geometry.

longlink docs component "Selector"

Selector - Properties
label`string` Label text for accessibility.
description`string` Helper text displayed below the label.
name`string` Includes the themed control's value under this form submission name.
required`boolean` Requires a value before native form submission.
disabled`boolean` Prevents interaction and excludes the field from submission.
options`SelectorOptionType[]` Selectable options, dividers, or titled sections.
defaultValue`string` Initial value.
hasSearch`boolean` Shows a search field for filtering options.
placeholder`string` Placeholder text shown when no value is selected.
value`string \| null` Currently selected value.
onChange`(value: string \| null) => void` Callback fired when the selection changes.