@hig/dropdown

Dropdown

Dropdowns provide a menu to select one or many from a list of more than 4 items.

Read more about when and how to use the Dropdown component on the website.

Getting started

Install the package

yarn add @hig/dropdown

Import the component and CSS

import Dropdown from '@hig/dropdown';
import '@hig/dropdown/build/index.css';

Basic usage

<Dropdown
  label="Uncontrolled Dropdown"
  instructions="instructions for regular Uncontrolled dropdown"
  placeholder="placeholder for regular Uncontrolled dropdown"
  options={[
    {
      label: "foo",
      value: "foo value"
    },
    {
      label: "bar",
      value: "bar value"
    }
  ]}
/>