FMX Prototype Pipeline

Select

Single-select dropdown — read-only trigger, no typing (use Combobox for that). Options can carry icon or avatar.

<Select
  options={SAMPLE_OPTIONS}
  placeholder="Select a room"
/>

<Select
  options={SAMPLE_OPTIONS}
  defaultValue="lobby"
/>

<Select
  options={SAMPLE_OPTIONS}
  defaultValue="warehouse"
  error
/>

<Select
  options={SAMPLE_OPTIONS}
  defaultValue="lobby"
  disabled
/>

<Select
  options={PRIORITY_OPTIONS}
  defaultValue="medium"
/>

<Select
  options={ASSIGNEE_OPTIONS}
  defaultValue="ag"
/>

Props

options:SelectOption[]

{ value, label, icon?, initials? } items. icon/initials render as a leading adornment in the option row and the populated trigger.

value / defaultValue:string | null

Controlled or uncontrolled selection.

onChange:(value: string) => void

Fires on selection.

placeholder:string= "Select something"

Shown when nothing is selected.

error:boolean= false

Error border treatment.

disabled:boolean= false

Disabled state.

Tokens