vcl-breadcrumb

A chain of navigation items represented as links.

Usage no npm install needed!

<script type="module">
  import vclBreadcrumb from 'https://cdn.skypack.dev/vcl-breadcrumb';
</script>

README

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 a span.

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.