Skip to content

A quick-start project that helps you to get start with the Syncfusion Breadcrumb component in a Blazor WebAssembly application. This project also contains the code to configure a few of its basic features, like adding items, icons, navigation, and custom templates.

Notifications You must be signed in to change notification settings

SyncfusionExamples/getting-started-with-the-blazor-breadcrumb-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with the Blazor Breadcrumb Component

The Blazor Breadcrumb is a graphical user interface that serves as a navigation header for your web application or site. A quick-start project that helps you to get start with the Syncfusion Breadcrumb component in a Blazor WebAssembly application. This project also contains the code to configure a few of its basic features, like adding items, icons, navigation, and custom templates.

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Features and Benefits

Breadcrumb item icons

Users tend to understand visual information better than text. Include icons or sprite images to the right or left of the Breadcrumb items to provide a visual representation of their corresponding actions.

Templates

Blazor has templated components which accepts one or more UI segments as input that can be rendered as part of the component during component rendering.

Menu mode

Menu mode shows the number of Breadcrumb items that can be accommodated within the container space and creates a submenu with the remaining items.

Navigation

Breadcrumb items support navigation for relative or absolute URL.

Bind to location

Breadcrumb items can be automatically generated based on the current location of the user within the website or by providing a URL to the Breadcrumb component. The auto generated items can be customized using templates and item render events.

Hidden mode

Hidden mode shows the maximum number of items possible in the container space and hides the remaining items. Clicking on a previous item will make the hidden item visible.

Related links

Learn More about Blazor Breadcrumb

Download Free Trial

Pricing

Documentation

View Demos

Community Forums

Suggest a feature or report a bug

Online example

Video Tutorials

Knowledge base

About Syncfusion Blazor Components

The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Breadcrumb, we provide popular Blazor Components such as DataGrid, Charts, Scheduler, Diagram, and Word Processor.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1700+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, JavaScript, and MAUI(Preview)), and desktop development (WinForms, WPF, WinUI,UWP, Flutter. and MAUI(Preview)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


sales@syncfusion.com | www.syncfusion.com| Toll Free: 1-888-9 DOTNET

About

A quick-start project that helps you to get start with the Syncfusion Breadcrumb component in a Blazor WebAssembly application. This project also contains the code to configure a few of its basic features, like adding items, icons, navigation, and custom templates.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published