@smashing/select

Component used to select options

Usage no npm install needed!

<script type="module">
  import smashingSelect from 'https://cdn.skypack.dev/@smashing/select';
</script>

README

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 />