```html```

Default Navigation Bar

About Navigation Bar

The navigation bar is composed of a wrapper and 2 required regions:

  • Primary, which contains the App Launcher and App Name
  • Secondary, which contains the App Items, for navigating within the current app

Accessibility

The markup should follow the order listed above for proper keyboard interaction set by the 508 compliance standards. Each included region inside the wrapper of .slds-context-bar needs the appropriate ordering class name, e.g. .slds-context-bar__primary.

Navigation Bar Items

Basic Item Structure

Every item that sits on the horizontal axis of the navigation bar should receive the class .slds-context-bar__item.

Navigation Bar Item with Menu

Navigation States

About Navigation Tab Bar

Default Tab Bar

Item One Content

This is the content for the first tab.

Item Two Content

This is the content for the second tab.

Item Three Content

This is the content for the third tab.

Tab States

Unsaved Tab