Skip to content
daisyBlazor

Breadcrumbs

A daisyUI breadcrumbs trail built from a List<BreadcrumbItem>. Items with an Href render as links, the last one is marked aria-current="page", and long trails scroll horizontally.
Navigation.breadcrumbsReplaces MudBreadcrumbs
Cover · <Breadcrumbs>

Project · Sprint 14

Checkout redesign

Contoso · due 30 June

Examples

Basic trail

Pass the trail as Items; a null Href renders the current page as plain text.

website/Examples/Navigation/BreadcrumbsBasicExample.razor Source

Icons

Each BreadcrumbItem takes an optional Icon ligature shown before its text.

website/Examples/Navigation/BreadcrumbsIconsExample.razor Source

Disabled items

Disabled renders an item as dimmed text even when it has an Href.

website/Examples/Navigation/BreadcrumbsDisabledExample.razor Source

Long trails

When the trail is wider than its container it scrolls sideways instead of wrapping.

website/Examples/Navigation/BreadcrumbsLongExample.razor Source

API

<Breadcrumbs>

DaisyBlazor

Parameters

  • Items List<BreadcrumbItem>
    = null

    Trail entries, each rendered as a link (when it has an Href and is enabled) or plain text.

  • Separator string
    = null

    Accepted for MudBlazor source compatibility; ignored.

  • Class string
    = null

    Extra CSS classes merged onto the root breadcrumbs <nav> element.

  • Style string
    = null

    Inline CSS styles applied to the root breadcrumbs <nav> element.

BreadcrumbItem

DaisyBlazor

A single breadcrumb entry rendered in a daisyUI breadcrumbs trail.

Properties

  • Disabled bool

    Whether the item is non-clickable (e.g. the current page).

  • Href string

    Navigation href. null means the current page (non-clickable).

  • Icon string

    Optional Material Symbols ligature to render before the text.

  • Text string

    The localized display text.

Methods

  • <Clone>$ () → BreadcrumbItem
  • Deconstruct (String& Text, String& Href, Boolean& Disabled, String& Icon) → void
  • Equals (object obj) → bool
  • Equals (BreadcrumbItem other) → bool
  • GetHashCode () → int
  • ToString () → string

From MudBreadcrumbs

Breadcrumbs keeps MudBreadcrumbs's parameter names, so most markup moves over by dropping the Mud prefix. See the migration guide for the shared enums, icons and services.

Separator is accepted for source compatibility but ignored: daisyUI draws its own separators.

<MudBreadcrumbs> <Breadcrumbs>
Something went wrong while running the docs. Reload