Components / Navigation Menu

Navigation Menu

A named responsive navigation surface for links and projected controls.

example.component.html

html

<aevko-navigation-menu label="Primary">
  <a href="/docs">
    Docs
  </a>
  <a href="/components">
    Components
  </a>
</aevko-navigation-menu>

Installation

npx aevko-ui@latest add navigation-menu --yes

Source ownership

Customization

Project real router links or anchors, theme spacing locally and let destinations remain application-owned.

Edit locallyThe installed template and stylesheet are application code, not a black box.

Theme semanticallyOverride --aevko-* tokens or ordinary classes without !important.

API reference

Property or slot	Type	Default	Description
`label`	`string`	`required`	Accessible navigation landmark name.
`projected content`	`native links or buttons`	`empty`	Application-owned destinations and controls.

Accessibility contract

Accessibility

Included behavior

The host is a named navigation landmark and projected links retain browser semantics.

Your responsibility

Mark the current destination with aria-current and keep link text meaningful outside its visual grouping.

Back to all components