metamask-extension/ui/components/ui/dropdown

import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';

import Dropdown from '.';

# Dropdown

A toggleable menu that allows the user to choose one value from a predefined list

<Canvas>
  <Story id="ui-components-ui-dropdown-dropdown-stories-js--default-story" />
</Canvas>

## Component API

<ArgsTable of={Dropdown} />

## Usage

### Options Without Names

<Canvas>
  <Story id="ui-components-ui-dropdown-dropdown-stories-js--options-without-names" />
</Canvas>

### Options With Long Names

<Canvas>
  <Story id="ui-components-ui-dropdown-dropdown-stories-js--options-with-long-names" />
</Canvas>

### Options With Long Names And Short Width

<Canvas>
  <Story id="ui-components-ui-dropdown-dropdown-stories-js--options-with-long-names-and-short-width" />
</Canvas>