Nav Header
Top navigation bar with logo, nav items, and user menu. Four layout types.
import
{ NavHeader } from "@pepulux/ui"Simple
Pepulux
Centered
Pepulux
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| type | "simple" | "dual-tier" | "centered" | "tabs" | "simple" | Layout variant |
| logoText | string | — | Brand name shown next to logo icon |
| logoSrc | string | — | Custom logo image URL |
| items | NavHeaderItem[] | — | Main navigation links |
| user | NavHeaderUser | — | User object { name, email, avatarSrc? } |
| onLogoClick | () => void | — | Called when logo is clicked |