Sidebar

Displays a simple 8-bit sidebar component.

8-bit sidebar component

Open in
Application

Installation

pnpm dlx shadcn@canary add https://8bitcn.com/r/8bit-sidebar.json

Usage

8-bit sidebar is using Shadcn sidebar component. All you need to do is replace your app sidebar with 8bit sidebar.

For more information, check out the:

Shadcn Sidebar documentation

In your layout file:

import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
import { AppSidebar } from "@/components/ui/8bit/blocks/sidebar"
 
export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <SidebarProvider>
      <AppSidebar />
      <main>
        {children}
      </main>
    </SidebarProvider>
  )
}