Components · Forms

Select

Pick one from a list of six or more. For two to four choices use Segmented or Radio.

jsx

import { Select } from '@andeus/ui';

Select

Benchmark

jsx

const [benchmark, setBenchmark] = useState('SPY');

<Select label="Benchmark" options={['SPY', 'QQQ', '60/40', 'Cash']}
  value={benchmark} onChange={(e) => setBenchmark(e.target.value)} />

Props

Prop	Type	Default
options	`Array<string \| { value, label }>`	Required
value	`string`	—	Controlled with onChange; or pass defaultValue / defaultChecked.
label	`string`	—
hint	`string`	—
error	`string`	—
size	`'s' \| 'm' \| 'l'`	'm'
disabled	`boolean`	false

PreviousInput NextMultiSelect