Breadcrumb

Displays a list of links that help visualize a page’s location within a site’s hierarchical structure. It allows navigation up to any of the ancestors.

API Reference

Preview

CLI

To generate and customize this style:


dart run forui style create breadcrumb

Usage

`FBreadcrumb(...)`


FBreadcrumb(
  style: FBreadcrumbStyle(...),
  children: [
    FBreadcrumbItem(onPress: () {}, child: const Text('Forui')),
    FBreadcrumbItem.collapsed(
      menu: [
        FTileGroup(
          children: [
            FTile(
              title: const Text('Documentation'),
              onPress: () {},
            ),
            FTile(
              title: const Text('Themes'),
              onPress: () {},
            ),
          ],
        ),
      ],
      spacing: const FPortalSpacing(4),
      offset: Offset.zero,
      traversalEdgeBehavior: TraversalEdgeBehavior.closedLoop,
    ),
    FBreadcrumbItem(onPress: () {}, child: const Text('Themes')),
    FBreadcrumbItem(current: true, child: const Text('Widgets')),
  ],
);

Breadcrumb

Preview

Code

CLI

Usage

`FBreadcrumb(...)`

Examples

Custom Divider

Preview

Code