Skip to content

docs(material/toolbar): add navigation bar example#33420

Open
BHUVANSH855 wants to merge 1 commit into
angular:mainfrom
BHUVANSH855:docs-toolbar-navbar-example
Open

docs(material/toolbar): add navigation bar example#33420
BHUVANSH855 wants to merge 1 commit into
angular:mainfrom
BHUVANSH855:docs-toolbar-navbar-example

Conversation

@BHUVANSH855

Copy link
Copy Markdown
Contributor

Fixes #33380

Description

Adds a new toolbar example demonstrating how to build a simple navigation bar using mat-toolbar.

The example shows a common application header pattern with:

  • An application title aligned to the left
  • Navigation links aligned to the right using flex layout

This provides a practical reference for users looking to create a navigation bar with Angular Material's toolbar component.

Changes

  • Added a new toolbar-navbar example
  • Exported the example from the toolbar examples index
  • Added a "Navigation bar" section to the toolbar documentation
  • Embedded the new example in the toolbar docs page

@pullapprove pullapprove Bot requested review from andrewseguin and tjshiu June 18, 2026 18:14
@angular-robot angular-robot Bot added area: docs Related to the documentation area: material/toolbar labels Jun 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: docs Related to the documentation area: material/toolbar

Projects

None yet

Development

Successfully merging this pull request may close these issues.

docs-bug(Toolbar): Add example showing how to build a nav bar

1 participant