Components
Forms
Dropdown Ghost

Dropdown Default (Container for other Elements)

Variants


With Title


<Dropdown title="menu" icon={() => <MenuIcon />}>
  <div>option 1</div>
  <div>option 2</div>
  <div>option 2</div>
</Dropdown>

With title and Icon

<Dropdown title="menu">
<div>option 1</div>
<div>option 2</div>
<div>option 2</div>
</Dropdown>

Icon Only


<Dropdown icon={() => <MenuIcon />}>
  <div>option 1</div>
  <div>option 2</div>
  <div>option 2</div>
</Dropdown>

DropDown positioning

Opens left


<Dropdown position="left" icon={() => <MenuIcon />}>
  <div>option 1</div>
  <div>option 2</div>
  <div>option 2</div>
</Dropdown>

Opens right


<Dropdown position="right" icon={() => <MenuIcon />}>
  <div>option 1</div>
  <div>option 2</div>
  <div>option 2</div>
</Dropdown>

Automated tests

Unit

Command : npm run test:unit
Test file location : /tests/dropdown.unit.test.tsx

npm run test:unit:file dropdown

Integration

Command : ???
Test file location : ???

???