Navigation Bar

import '@wevisdemo/ui/styles/nav-button.css';
import '@wevisdemo/ui/styles/nav-dropdown-item.css';
import '@wevisdemo/ui/styles/nav-dropdown.css';
import '@wevisdemo/ui/styles/navbar.css';

import WvNavButton from '@wevisdemo/ui/react/nav-button';
import WvNavDropdown from '@wevisdemo/ui/react/nav-dropdown';
import WvNavDropdownItem from '@wevisdemo/ui/react/nav-dropdown-item';
import WvNavbar from '@wevisdemo/ui/react/navbar';

Light

some project

<WvNavbar title="SOME PROJECT">
  <WvNavDropdown label="Topic">
    <WvNavDropdownItem>Topic 1</WvNavDropdownItem>
    <WvNavDropdownItem>Topic 2</WvNavDropdownItem>
    <WvNavDropdownItem>Topic Something</WvNavDropdownItem>
  </WvNavDropdown>
  <WvNavButton active>About</WvNavButton>
  <WvNavButton>Report</WvNavButton>
</WvNavbar>

Dark

some project

<WvNavbar dark title="SOME PROJECT">
  <WvNavDropdown dark label="Topic">
    <WvNavDropdownItem dark>Topic 1</WvNavDropdownItem>
    <WvNavDropdownItem dark>Topic 2</WvNavDropdownItem>
    <WvNavDropdownItem dark>Topic Something</WvNavDropdownItem>
  </WvNavDropdown>
  <WvNavButton dark active>
    About
  </WvNavButton>
  <WvNavButton dark>Report</WvNavButton>
</WvNavbar>