Breadcrumbs

Slashes at 40% opacity; the current page is ink.

Install

npx raster add breadcrumbs

Markup

<p class="rs-crumbs"><span>Studio</span><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-sep.rs-crumbs-here