DropdownMenu component
This component wraps all the dropdown buttons
Props
| Prop | Type | Default | Values | Required | Description |
|---|---|---|---|---|---|
variant | string | light | light, dark | No | Dropdown menu color |
size | string | sm | sm, md, xl | No | Dropdown menu size |
Examples
variant prop:
<Dropdown>
<DropdownLabel variant='dark'>Click me!</DropdownLabel>
<DropdownMenu variant='dark'>
<DropdownButton>Button 1</DropdownButton>
<DropdownButton>Button 2</DropdownButton>
<DropdownButton>Button 3</DropdownButton>
</DropdownMenu>
</Dropdown>
size prop:
<Dropdown>
<DropdownLabel>Click me!</DropdownLabel>
<DropdownMenu size='xl'>
<DropdownButton>Button 1</DropdownButton>
<DropdownButton>Button 2</DropdownButton>
<DropdownButton>Button 3</DropdownButton>
</DropdownMenu>
</Dropdown>