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.

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

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

-xs

-sm

-md

-lg

-xl

Web component coming soon

Accessibility guidelines coming soon