Breadcrumbs

MUIBreadcrumbs

A breadcrumb component to display a trail of navigation links.

Properties

  • crumbs: List - List of MUIBreadcrumbItem objects representing each breadcrumb item.

  • onTap: Function(int index)? - Callback function for when a breadcrumb is tapped, provides the index of the tapped breadcrumb.

  • hoverColor: Color - The color displayed when hovering over a breadcrumb.

  • currentColor: Color - The color of the last breadcrumb item.

  • dividerColor: Color - The color of the [/] divider between breadcrumb items.

  • textColor: Color - The color of the breadcrumb text.

  • borderRadius: double - The border radius for the container around the breadcrumbs.

  • backgroundColor: Color - The color of the container behind the breadcrumbs.

Example Usage

MUIBreadcrumbs(
        crumbs: [
          MUIBreadcrumbItem(
            label: "Home",
          ),
          MUIBreadcrumbItem(
            label: "Components",
          ),
          MUIBreadcrumbItem(
            label: "Breadcrumbs",
          ),
        ],
      ),

Notes

  • Displays a trail of navigation links in the form of breadcrumbs.

  • Allows customization of tap callback, hover color, current color, divider color, text color, border radius, and background color.

  • The MUIBreadcrumbItem class represents an individual breadcrumb item and can include a label and an optional icon.