BreadCrumb

The Radzen Blazor BreadCrumb component provides a navigation trail to help users keep track of their location. It consists of a horizontal row of links that represent the levels of the hierarchy that the user has navigated through.

These demos show hierarchical navigation breadcrumbs with clickable links representing different levels, including examples with custom templates and child content for enhanced visual presentation.

Default Radzen BreadCrumb link

Display a hierarchical navigation trail with clickable breadcrumb items showing the user's location.

BreadCrumb width template link

The optional Template can be defined using the Template Property of the RadzenBreadCrumb component. The Context is of Type RadzenBreadCrumbItem.

Components
Badge
Add

BreadCrumb with child content link

Define custom child content for breadcrumb items to include icons, badges, or other elements.

Components (Template)
boltBadge (Child Content)
Add (Template)
✨ 오늘의 명언 & 마음의 양식

“남들이 가보지 않은 길을 따라가서 자신만의 흔적을 남겨라.”

— 랄프 발도 에머슨 (시인, 철학자)
On this page

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙