Sidebar

A persistent, secondary navigation drawer with high-impact borders and tactical section headers.

Interactive Showcase

Engage:

CONTEXTUAL WORKSPACE

Installation

DRAWER CONTROL

FLIP FOR PROPS

import { Sidebar } from "@/ui/sidebar/SideBar";

<Sidebar 
  title="Menu" 
  variant="yellow"
  items={[
    { label: "Dashboard", href: "/" },
    { label: "Settings", href: "/settings" }
  ]}
/>