1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-26 04:20:53 +01:00
metamask-extension/ui/components/ui/dropdown
Garrett Bear 13f4295287
update Icon to TS version in UI Folder (#18551)
* update Icon to TS version and using proper Enums

* Update ui/components/ui/menu/menu.stories.js

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>

* Update ui/components/ui/nickname-popover/nickname-popover.component.js

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>

---------

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>
2023-04-18 09:48:34 -07:00
..
dropdown.js update Icon to TS version in UI Folder (#18551) 2023-04-18 09:48:34 -07:00
dropdown.scss Overall CSS #13441 (#13902) 2022-05-16 13:38:04 -05:00
dropdown.stories.js Added storybook check to CI (#17092) 2023-01-21 00:57:46 +05:30
index.js remove the ui/app and ui/lib folders (#10911) 2021-04-28 14:53:59 -05:00
README.mdx Added storybook check to CI (#17092) 2023-01-21 00:57:46 +05:30

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="components-ui-dropdown--default-story" />
</Canvas>

## Props

<ArgsTable of={Dropdown} />

## Usage

### Options Without Names

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

### Options With Long Names

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

### Options With Long Names And Short Width

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