Breadcrumbs

One ink trail. Ancestors stay ink; slashes at 40%; the current page is full ink.

Trail

Studio / Raster / Issue 03 — ancestors stay ink. The page is full ink.

A line of type that connects

Install

npx @noordvc/raster-cli add breadcrumbs

Markup

<p class="rs-crumbs"><a class="rs-crumbs-link" href="/">Studio</a><span class="rs-crumbs-sep">/</span><span class="rs-crumbs-here">Raster</span></p>

React

import { Breadcrumbs } from "@/components/raster/breadcrumbs";

<Breadcrumbs items={[{ label: "Studio", href: "/studio" }, { label: "Raster" }]} />

Classes

.rs-crumbs.rs-crumbs-link.rs-crumbs-sep.rs-crumbs-here