To use, import from @marvelapp/ui
:
import { Select } from '@marvelapp/ui';
The <Select />
component accepts html <option />
elements as children
.
<Select size={2}>
{['Designers', 'Developers'].map((option, index) => (
<option key={index} selected={selected === option} value={option}>
{option}
</option>
))}
</Select>
The <Select />
component has a few sizes available that can be used depending
where in the page hierarchy they sit.
<Select size={3} />
<Select size={2} />
<Select size={1} />
<Select size={0} />
The <Select />
component has a few kinds available that can be used depending
on the context of the action being performed.
<Select kind="ghost" />
<Select kind="disabled" />
<Select kind="error" />
<Select kind="design" />