Skip to main content
Kommune logo

Hidden page title

Suggestions title

5

Header - left aligned

Description

Header megamenu extended is a menu with primary and secondary menu items, where the primary items can open a megamenu, with underlying menu items.
Obs. inline styling and hr is only for display purposes on this demo page.

Brand

  • Image
  • Text

Primary menu

  • List items
  • CTA button
  • Search toggle

Secondary menu

  • List items
  • List items - Social
  • CTA button
  • Darkmode toggle

Megamenu

  • List items
  • List items - Highlighted

Background colors

Background colors can be given to either the primary or secondary menu, or both.

  • Default - white
  • Body
  • Primary
  • Secondary
  • White
  • Custom header color

Grid

  • Default - fit-content
  • Full width

Global styles

Component styles