uui-breadcrumbs

See it in action

Preview the component on Storybook

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>