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 : ???
???