header-menu.ts
Header navigation items.
config/header-menu.ts defines header navigation in array order. Each item is a navigation object with a required label. The template's header component reads label, pathname, hash, description, external, and hidden.
Navigation item object
badge
The template's header component does not display badge.
visibility
The template's header component does not read visibility. To control navigation visibility by role or capability, modify the navigation component yourself.
match
The template's header component does not read match. It identifies the current page directly from pathname: the homepage requires an exact match, while other paths match both the page itself and its child pages.
children
An array of child navigation items. Each item uses the same navigation object and can contain further nested items. The template's header component does not display child navigation.
meta
Additional data of type Record<string, unknown>. The template's header component does not read this field.
Default navigation items
| Order | label.value | label.key | pathname | hash | description.value |
|---|---|---|---|---|---|
| 1 | Home | components.header.nav.home | / | — | Return to the homepage. |
| 2 | Docs | components.header.nav.docs | /docs | — | Learn how to configure and extend the application. |
| 3 | Pricing | components.header.nav.pricing | / | #pricing | Compare monthly and yearly subscription plans. |
| 4 | FAQs | components.header.nav.faqs | / | #faqs | frequently asked questions |
The array order determines the display order in the header. When both pathname and hash are set, the link opens the specified anchor on the target page.