Breadcrumb

Breadcrumbs are used to help users identify where they are in a sites page hierarchy.

Examples

To render a breadcrumb, use the class chi-breadcrumb.

Alternate Separator #

Apply the -alt class to render breadcrumbs with an alternate separator.

Additional Sizes #

Breadcrumbs support the following sizes: -xs, -sm, -md, -lg, and -xl. The default size is -md.

Web Component

Properties

Web component coming soon

Accessibility

Accessibility guidelines coming soon