Header Nav

Horizontal navigation bar with four visual variants: underline, pill, bold-dot, and gold-accent. Integrates with SiteHeader transparent/solid mode via group-data-[style] selectors.

core/header-nav

Installation

1 · Add registry to components.json

2 · Install component

Examples

Default

Click links to change the active state.

All variants

underline · pill · bold-dot · gold-accent

API Reference

PropTypeDescription
variant
"underline" | "pill" | "bold-dot" | "gold-accent"Visual style of the nav links.