Breadcrumbs

Home › category › product trail from static items.

Chrome

Pack defaults

With content

In context

Source

import { Breadcrumbs } from "demo-webshop/components";

const props = {
  "items": [
    {
      "label": "Home",
      "href": "/"
    },
    {
      "label": "All products",
      "href": "/products"
    }
  ]
};
<Breadcrumbs {...props} />

Live CSS

Injected into the previews above. Breadcrumbs

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */