Navigation bar

The short navigation bar (COMPONENT_SPEC §13; Compose ShortNavigationBar). Plain HTML with m3e-css classes: a <nav> of links, the current one marked aria-current="page". The indicator grows on the default spatial spring when the selection moves.

Vertical items

Horizontal items

m3e-short-navigation-bar--horizontal: icons before labels, items centered (the medium-width configuration).

Element

<m3e-short-navigation-bar> with <m3e-navigation-item>children renders the same contract; a press moves selected and fires a cancelable selection-change.

Home

Favorites

Settings

React

<ShortNavigationBar> with buttons: press an item to move the indicator.

Navigation bar (deprecated)

Deprecated (DECISIONS D4): the legacy NavigationBar ships until 2.0 for migration and gets no new features (no element). Use the short navigation bar.