EVO React Components

Sidebar

A navigation component for application layouts with customizable sections

DocsAI 🔴 Low
Sidebar Component
A navigation component for application layouts with customizable sections.

Basic Examples

Basic & Enhanced Sidebars
Simple sidebar implementations with navigation items, icons, and proper shadcn components.

Basic Sidebar

Enhanced Sidebar

State Management

Provider & Icon-only Sidebars
Sidebars with state management and collapsible icon-only modes.

Sidebar with Provider

Main Content

This is the main content area. The sidebar can be toggled using the trigger button.

Icon-only Mode

Icon Mode

Sidebar collapses to icons with tooltips.

Interactive Features

Collapsible & Dropdown Sidebars
Sidebars with interactive features including collapsible sections and dropdown menus.

Collapsible Sidebar

Sidebar with Dropdown

Advanced Navigation

Badges & Nested Menus
Advanced sidebar features including badges for notifications and nested menu structures.

Sidebar with Badges

Nested Menus

Sidebar with Loading States

Loading States
A sidebar demonstrating loading states using SidebarMenuSkeleton components.
Teams Channel
Getting Started