VCL breadcrumb

A chain of navigation items represented as links.

Features

Usage

The items are made up of a label (vclBreadcrumbNavItemLabel) and divider (vclBreadcrumbNavDivider). The label can be an anchor element or just a div if it can't be selected. The divider is a vclIcon.

basic example

Any icon can be used as divider:

basic example

Classes

• vclBreadcrumbNav
• vclBreadcrumbNavItemLabel
• vclBreadcrumbNavDivider

Modifiers

• vclSelected: To be used on the selected list item.

Variables

• --breadcrumb-divider-color
• --breadcrumb-label-color
• --breadcrumb-label-hover-color
• --breadcrumb-label-selected-color

Demo

example.html on GH-pages.