@umbraco-ui/uui-breadcrumbs

This package contains two web components - uui-breadcrumb-item and uui-breadcrumbs. They can be used as an additional navigation to allow users to keep track and maintain awareness of their location.

Usage no npm install needed!

<script type="module">
  import umbracoUiUuiBreadcrumbs from 'https://cdn.skypack.dev/@umbraco-ui/uui-breadcrumbs';
</script>

README

uui-breadcrumbs

npm

Installation

ES imports

npm i @umbraco-ui/uui-breadcrumbs

Import the registration of <uui-breadcrumbs>, <uui-breadcrumb-item> via:

import '@umbraco-ui/uui-breadcrumbs';

When looking to leverage the UUIBreadcrumbsElement or UUIBreadcrumbItemElement base class as a type and/or for extension purposes, do so via:

import {
  UUIBreadcrumbsElement,
  UUIBreadcrumbItemElement,
} from '@umbraco-ui/uui-breadcrumbs';

Usage

<uui-breadcrumbs>
  <uui-breadcrumb-item href="https://...">Item 1</uui-breadcrumb-item>
  <uui-breadcrumb-item href="https://...">Item 2</uui-breadcrumb-item>
  <uui-breadcrumb-item href="https://...">Item 3</uui-breadcrumb-item>
</uui-breadcrumbs>