ObjectUIObjectUI
ComponentsData Display

Breadcrumb

Display the current location within a navigational hierarchy

The Breadcrumb component shows the current page's location within the site hierarchy.

Basic Usage

Basic Breadcrumb

With Icons

With Icons

Schema

interface BreadcrumbItem {
  label: string;
  href?: string;
  icon?: string;
}

interface BreadcrumbSchema {
  type: 'breadcrumb';
  items: BreadcrumbItem[];        // Breadcrumb items
  separator?: string;             // Custom separator
  className?: string;
}

On this page