Skip to content

six-header

Header Item

Child elements for header.

html
<six-header-item>
  <six-icon-button name="search"></six-icon-button>
</six-header-item>

Active State

Set the active attribute to display a border below the item.

html
<six-header-item active>
  <six-icon-button name="search"></six-icon-button>
</six-header-item>

Properties

PropertyAttributeDescriptionTypeDefault
activeactiveIndicates whether the item is styled as active. When set to true, a border is displayed below the trigger element. Use six-header-dropdown-item to automatically set the active state for dropdowns.booleanfalse

Dependencies

Used by

Graph


Copyright © 2021-present SIX-Group