Dropdown

Defines different styles for a toggleable dropdown.

Usage

Any content, like a button, can toggle a dropdown. Add the vk-dropdown component to a block element following the toggle.

<vk-button></vk-button>
<vk-dropdown></vk-dropdown>

Basically, a dropdown is a Drop component providing it own styling. The following sections shows the Dropdown specific features, for the rest make sure to read about the Drop component.

Nav in dropdown

A dropdown can contain a nav from the Nav component. Simply use the vk-nav-dropdown component.

<vk-button></vk-button>
<vk-dropdown>
  <vk-nav-dropdown>...</vk-nav-dropdown>
</vk-dropdown>