Breadcrumb
The breadcrumb is a secondary navigation pattern that helps a user understand the hierarchy among levels and navigate back through them.
Figma Link
- Web Components
- Flutter
Demo
zeta-web v0.11.0
Web Components
Storybook
https://design.zebra.com/web/storybook/?path=/docs/components-breadcrumb--docs
Inherited Attributes
Name | Description | Type | Default | Inherited From |
---|---|---|---|---|
href | The URL of the component. | string | undefined | undefined | Navigate |
Demo
Widgetbook
Inheritance
Object
> DiagnosticableTree
> Widget
> StatefulWidget
> ZetaStatefulWidget
Constructors
Constructor for ZetaBreadcrumb
ZetaBreadcrumb.new({Key? key, bool? rounded, required List<ZetaBreadcrumbItem> children, String? moreSemanticLabel, int maxItemsShown = 2})
Properties
Name | Description | Type | Features |
---|---|---|---|
children | Breadcrumb children | List<ZetaBreadcrumbItem> | final |
hashCode | The hash code for this object. | int | no setter inherited |
key | Controls how one widget replaces another widget in the tree. | Key? | final inherited |
maxItemsShown | Maximum number of items shown in the breadcrumb that aren't truncated. | int | final |
moreSemanticLabel | Semantic label passed to TruncatedItem. | String? | final |
rounded | Sets rounded or sharp border of the containing box and the icon style. | bool? | final inherited |
runtimeType | A representation of the runtime type of the object. | Type | no setter inherited |