Header Navigation
A horizontal application header with a logo, primary navigation, and right-side actions. Supports a dual-bar layout with a secondary navigation row beneath the primary bar. Compose from HeaderNav sub-components — HeaderNavBar, HeaderNavList, HeaderNavItem, and HeaderNavActions.
Primary bar
Single header row with a logo, main navigation links, and right-side action buttons. The active item has a filled background; inactive items reveal their fill on hover.
P
PixelPlay2
Dual bar
A second HeaderNavBar stacks below the primary bar to show contextual sub-navigation and a search input. Useful for dashboards with multiple view levels.
P
PixelPlay2
Nav only
A minimal bar containing just navigation links — no logo or action buttons. Useful as a standalone secondary nav strip or page-level tab bar.