Top navigation bar: Logo left + nav links slot + actions slot. Sticky with frosted-glass blur.
These previews render the real @xa/ui <Header> component — the same
one powering this catalog's chrome — made non-sticky and given unique navIds so
several instances coexist on one page.
| Prop | Type | Default | Description |
|---|---|---|---|
logoVariant | 'color'|'white'|'mono-navy'|… | 'color' | Logo color variant |
logoHeight | string | '26px' | Logo height |
navId | string | unique | id of the collapsible nav area; defaults to a unique per-instance id so multiple Headers coexist |
class | string | — | Extra CSS on the <header> |
Slots: nav (navigation links) · actions (CTA buttons).
Mobile (≤640px): a hamburger toggles the nav area open.