Brand
Changelogv1.4

Brand Breadcrumb

<brand-breadcrumb> wraps Shoelace's <sl-breadcrumb>. Items are authored as <sl-breadcrumb-item> children.

Basic

HomeProjectsBrand OS

Deep hierarchy

HomeProductsDesign SystemsBrand OSComponents

With icons

HomeSettingsAccount

Usage

import { BrandBreadcrumb } from '@brandos/ui';

<brand-breadcrumb>
  <sl-breadcrumb-item href="/">Home</sl-breadcrumb-item>
  <sl-breadcrumb-item href="/projects">Projects</sl-breadcrumb-item>
  <sl-breadcrumb-item>Brand OS</sl-breadcrumb-item>
</brand-breadcrumb>