Breadcrumb

A path trail built from BreadcrumbItem entries, with a plain / separator or a chevron icon separator.

View source on GitHub ↗

FBBreadcrumb.standard(
  items: [
    BreadcrumbItem(label: 'Home'),
    BreadcrumbItem(label: 'Settings'),
  ],
);

CLI

Install this component into your project:

breadcrumb

$flutter_beautify add breadcrumb

Variants

FBBreadcrumb.standard() (a / separator) · FBBreadcrumb.arrow() (a chevron icon separator)

Key parameters

Parameter	Type	Default
items	List<BreadcrumbItem>	required

Usage

import 'package:your_app/widgets/breadcrumb.dart';

FBBreadcrumb.arrow(
  items: [
    BreadcrumbItem(label: 'Home'),
    BreadcrumbItem(label: 'Products'),
    BreadcrumbItem(label: 'Shoes'),
  ],
);