DropdownLabel component

This is the button that triggers the dropdown menu

Props

PropTypeDefaultValuesRequiredDescription
variantstringlightlight,darkNoDropdown label color
sizestringsmsm,md,xlNoDropdown label size

Examples

You can customize the dropdown label using size and variant props

variant prop:

<DropdownLabel variant='dark'>Click me</DropdownLabel>
<DropdownLabel variant='light'>Click me</DropdownLabel>

size prop:

<DropdownLabel size='sm'>Click me</DropdownLabel>
<DropdownLabel size='md'>Click me</DropdownLabel>
<DropdownLabel size='xl'>Click me</DropdownLabel>