loom muslin

Sidebar

Navigation rail with titled sections; the active item gets aria-current="page".

Previewlive — edit controls below

Content

activeHref

Docs rail

import { Sidebar } from "@loom/muslin-react";

<Sidebar
  activeHref="/invoices"
  sections={[
    { title: "Workspace", items: [
      { label: "Dashboard", href: "/" },
      { label: "Invoices", href: "/invoices" },
    ]},
    { title: "Settings", items: [{ label: "Team", href: "/team" }] },
  ]}
/>