Nav Dropdown

A dropdown for navigation bar. WvNavDropdown and WvNavDropdownItem must be used together.

import '@wevisdemo/ui/styles/nav-dropdown-item.css';
import '@wevisdemo/ui/styles/nav-dropdown.css';
import WvNavDropdown from '@wevisdemo/ui/{react,vue,svelte}/nav-dropdown';
import WvNavDropdownItem from '@wevisdemo/ui/{react,vue,svelte}/nav-dropdown-item';

<WvNavDropdown label="Topic">
  <WvNavDropdownItem>Topic 1</WvNavDropdownItem>
  <WvNavDropdownItem>Topic 2</WvNavDropdownItem>
  <WvNavDropdownItem>Topic 3</WvNavDropdownItem>
</WvNavDropdown>

Props

Name	Type	Default
label	string	''
dark	boolean	false

Slot / Children

WvNavDropdownItem(s)

Examples

Dark theme

<WvNavDropdown dark label="Topic">
  <WvNavDropdownItem dark>Topic 1</WvNavDropdownItem>
  <WvNavDropdownItem dark>Topic 2</WvNavDropdownItem>
  <WvNavDropdownItem dark>Topic 3</WvNavDropdownItem>
</WvNavDropdown>