Sidebar

One 204 module rail. Air under the last item before the foot rule.

Rail

Install

npx @noordvc/raster-cli add sidebar

Markup

<aside class="rs-sidebar"><div class="rs-sidebar-head">Raster</div><nav class="rs-sidebar-nav"><p class="rs-sidebar-label">Go to</p><a class="rs-sidebar-item" aria-current="page">Overview</a><a class="rs-sidebar-item" href="#">Docs</a><a class="rs-sidebar-item" href="#">Components</a></nav><div class="rs-sidebar-foot">0.3</div></aside>

React

import { Sidebar, SidebarFoot, SidebarHead, SidebarItem, SidebarLabel, SidebarNav } from "@/components/raster/sidebar";

<Sidebar>
  <SidebarHead>Raster</SidebarHead>
  <SidebarNav>
    <SidebarLabel>Go to</SidebarLabel>
    <SidebarItem href="/" current>Overview</SidebarItem>
    <SidebarItem href="/docs">Docs</SidebarItem>
  </SidebarNav>
  <SidebarFoot>0.3</SidebarFoot>
</Sidebar>

Classes

.rs-sidebar.rs-sidebar-head.rs-sidebar-nav.rs-sidebar-item.rs-sidebar-label.rs-sidebar-foot