Skip to content

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

Merged
crisbeto merged 1 commit into
angular:mainfrom
BHUVANSH855:docs-toolbar-navbar-example
Jul 8, 2026
Merged

docs(material/toolbar): add navigation bar example#33420
crisbeto merged 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
@BHUVANSH855

Copy link
Copy Markdown
Contributor Author

hi @andrewseguin @tjshiu,

Just checking regarding this PR.
Any feedback! !

@crisbeto crisbeto added the docs: preview When applied, a preview of the documentation site is deployed to Firebase label Jul 8, 2026
@github-actions

github-actions Bot commented Jul 8, 2026

Copy link
Copy Markdown

Deployed docs-preview for c29f75c to: https://ng-dev-previews-comp--pr-angular-components-33420-docs-z6bcleib.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

@crisbeto crisbeto added action: merge The PR is ready for merge by the caretaker target: patch This PR is targeted for the next patch release labels Jul 8, 2026
@crisbeto crisbeto merged commit dfa23c0 into angular:main Jul 8, 2026
39 of 41 checks passed
@crisbeto

crisbeto commented Jul 8, 2026

Copy link
Copy Markdown
Member

This PR was merged into the repository. The changes were merged into the following branches:

crisbeto pushed a commit that referenced this pull request Jul 8, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

action: merge The PR is ready for merge by the caretaker area: docs Related to the documentation area: material/toolbar docs: preview When applied, a preview of the documentation site is deployed to Firebase target: patch This PR is targeted for the next patch release

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

2 participants