Live demo of

Navigation

Ways to move around: breadcrumbs, top-level menus, vertical section navigation, and the switchers for theme and language.

Breadcrumbs

The Breadcrumbs component used across account and admin pages.

Navigation menu

A top navigation with dropdown panels, as used by the header app layout.

Section navigation

The SubNav component renders vertical section links, like the account settings sidebar.

Appearance switchers

Two ways to switch between light, dark and system themes: tabs and a select. Both persist the choice for guests and authenticated users.

Language switcher

The LanguageSwitcher lets visitors change the app language. This demo ships with English, Spanish and French.