six-header

Header dropdown items provide dropdown elements in the header. Sets the active flag (bottom border) when the dropdown is open.

Option A

Option B

Option C

html

<six-header custom>
  <six-header-item>
    <six-logo></six-logo>
  </six-header-item>

  <six-header-dropdown-item>
    <six-icon-button slot="trigger" name="settings"></six-icon-button>
    <six-menu>
      <six-menu-item>Option A</six-menu-item>
      <six-menu-item>Option B</six-menu-item>
      <six-menu-item>Option C</six-menu-item>
    </six-menu>
  </six-header-dropdown-item>
</six-header>

Dependencies

Depends on

six-dropdown

six-header ​

Header Dropdown Item ​

Dependencies ​

Depends on ​

Graph ​

six-header

Header Dropdown Item

Dependencies

Depends on

Graph