NavBar

A NavBar example

Used as a container to build a navigation bar at the bottom of the screen. Use one of the layout Shells to position the NavBar. Add NavButton components to setup the individual buttons.

A NavButton example

To add functionality, you need to configure the NavButton’s effect, for example to open a Route. The NavButton will be automaticaly highlighted when a route is opened. When using Icons, make sure to use the Thin- version (the Full-) version is used when highlighted.

Figma