yarn add @smashing/select

Default appearance

<Select
  options={['a', 'b', 'c', 'd'].map(value => ({label: value, value}))}
  selected="b"
  onChange={value => {}}
/>

Modyfing height

<Select options={/*...*/} height={64} />

Different appearances and intents

<Select options={/*...*/} appearance="primary" intent="danger" />
<Select options={/*...*/} appearance="primary" intent="info" />
<Select options={/*...*/} appearance="flat" intent="warning" />

Full width

<Select options={/*...*/} full />