Application navigation bar

The navigation bar standardizes and creates a shared navigation experience across the applications and products. It enables users to orient and navigate different sections of applications reliably.

Examples

Web application navigation bar

API

Unstable_AppNavBar

NameTypeDescription
appDisplayName
Navigation bar title, application name, or logo.
appDisplayNameLink
string
Alternative text description of the image.
mainNav
List of the primary navigation items.
onNavItemSelect
Handler called when a menu item is selected.
overrides
custom
Lets you customize all aspects of the component.
userImgUrl
User profile image link.
userNav
List of the user profile navigation items.
username
User profile name.
usernameSubtitle
User profile description or additional information.

You can import this module like so:

import {Unstable_AppNavBar} from 'baseui/app-nav-bar'

It exports the following components or utility functions: