Header

A top-anchored region that can host brand identity, primary navigation, and calls-to-action, providing persistent wayfinding across the page.

Properties

Variant

Themes the bar, default is opaque, blur adds a frosted backdrop, transparent shows the page through, brand and inverted are high contrast

Items Align

Where the nav items sit between the logo and the call-to-action

Items Gap

Spacing between the desktop nav items

Mobile Variant

The small-screen menu, collapse expands links below the bar and drawer slides a Sheet in from the right