Skip to main content

Sidebar

Layout
View Docs

Collapsible sidebar navigation

navigationsidebarmenu

Demo

The Sidebar component provides hierarchical navigation with collapsible sections, icons, badges, and support for both expanded and collapsed states.
Dashboard
Overview
Analytics
Messages
3
Settings
Profile
Security

Features

  • Collapsible menu sections
  • Icon + label navigation items
  • Badge indicators
  • Collapsed icon-only mode
  • Active state highlighting

Usage

Typically used within DashboardLayout or AppShell to provide application navigation. Supports nested menu structures.

See in Dashboard Layout

Usage

import { Sidebar } from '@classic-homes/theme-svelte';

Related Components