A
Airy

Sidebar

A composable sidebar component for navigation layouts.

Source

Preview

Sidebar Component
Use the Sidebar components to build app navigation layouts with collapsible sections.
See the sidebar documentation for full examples

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/sidebar

Usage

Import the component from the package:

import { Sidebar } from "@/registry/ui/sidebar"

Then use it in your application:

<Sidebar />

Examples

Default

Sidebar Component
Use the Sidebar components to build app navigation layouts with collapsible sections.
See the sidebar documentation for full examples