Header
The site header component. Header is an alias of HeaderNavigation and shares the same props — use whichever name reads best in your codebase.
Import
Header re-exports HeaderNavigation from @eluan/core. See Header Navigation for the full prop reference and nav-item shape.
Usage
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
logo | React.ReactNode | — | Brand element rendered at the start of the bar. |
items | NavItem[] | — | Navigation links; supports nested children for dropdowns. |
actions | React.ReactNode | — | Elements rendered at the end of the bar (e.g. auth buttons). |
sticky | boolean | false | Pin the header to the top of the viewport on scroll. |
transparent | boolean | false | Render with a transparent background. |
mobileBreakpoint | "sm" | "md" | "lg" | "md" | Viewport below which the nav collapses into a menu. |