Nav Header

Top navigation bar with logo, nav items, and user menu. Four layout types.

import{ NavHeader } from "@pepulux/ui"

Simple

P
Pepulux

Centered

P
Pepulux

Props

PropTypeDefaultDescription
type"simple" | "dual-tier" | "centered" | "tabs""simple"Layout variant
logoTextstringBrand name shown next to logo icon
logoSrcstringCustom logo image URL
itemsNavHeaderItem[]Main navigation links
userNavHeaderUserUser object { name, email, avatarSrc? }
onLogoClick() => voidCalled when logo is clicked