Brand
Changelog v1.4

Brand Breadcrumb

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

Basic

Home Projects Brand OS

Deep hierarchy

Home Products Design Systems Brand OS Components

With icons

Home Settings Account

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>