Skip to main content
Brand
Changelogv0.43

Brand Breadcrumb

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

Basic

HomeComponentsBrand OS

Deep hierarchy

HomeComponentsBrand ComponentsBreadcrumbComponents

With icons

HomeSettingsAccount

Usage

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

<brand-breadcrumb>
  <sl-breadcrumb-item href="/">Home</sl-breadcrumb-item>
  <sl-breadcrumb-item href="/components">Components</sl-breadcrumb-item>
  <sl-breadcrumb-item>Brand OS</sl-breadcrumb-item>
</brand-breadcrumb>