Components

NativeSelect

Dropdown lists are used when one needs to select one out of many options.

Examples

A basic example

<NativeSelect label="Choose language">
  <option>Norwegian (Bokmål)</option>
  <option>Norwegian (Nynorsk)</option>
  <option>Sami</option>
  <option>Swedish</option>
  <option>Danish</option>
  <option>Finnish</option>
  <option>English</option>
</NativeSelect>

Different variants

<Stack gap={3}>
  <NativeSelect label="Base">
    <option>Train</option>
    <option>Bus</option>
    <option>Boat</option>
  </NativeSelect>
  <NativeSelect label="Floating" variant="floating">
    <option>Train</option>
    <option>Bus</option>
    <option>Boat</option>
  </NativeSelect>
</Stack>