Modular UI Documentation
  • Modular UI
  • Buttons
    • MUIPrimary Button
    • MUIOutlined Button
    • MUIGradient Button
    • MUILoading Button
    • MUISecondary Button
    • MUISecondaryOutlined Button
    • MUIText Button
    • MUIPrimaryBlock Button
    • MUISecondaryBlock Button
    • MUILoadingBlock Button
    • MUIGradientBlock Button
    • MUITextBlock Button
    • MUIOutlinedBlock Button
  • Cards
    • MUIPrimary Card
    • MUIBlog Card
    • MUISimple Card
    • MUIPricing Card
    • MUIProfile Card
    • MUISignIn Card
    • MUISignUp Card
  • Carousels
  • Avatars
  • Breadcrumbs
  • CheckBox
  • Dialog
  • Input Field
  • Listtile
  • Rating
  • Slider
  • Switch
  • Tabs
Powered by GitBook
On this page
  • Breadcrumbs
  • MUIBreadcrumbs
  • Properties
  • Example Usage
  • Notes

Breadcrumbs

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.

PreviousAvatarsNextCheckBox