SmoothUI

Sidebar

Last updated: October 14, 2026

Collapsible app sidebar shell with provider, menu, and trigger.

Installation

npx smoothui-cli add sidebar

Features

  • SidebarProvider for collapsed state
  • Animated width (expanded ↔ icon rail)
  • Header / content / footer regions + menu buttons
  • SmoothUI-owned lean shell (Delphi Sidebar / Astryx Side Nav refs)

States

Features

Collapsible rail with nav items and footer.

Accessibility

ARIA Attributes

AttributeElementPurpose
aria-label="Sidebar"asideNames the landmark
aria-expandedTriggerReflects collapsed state

Reduced Motion

Width animation is instant when reduced motion is preferred.

Props

SmoothUI

Animated React components with smooth Motion animations. Drop-in shadcn/ui compatible.

© 2026 SmoothUI. Built by Eduardo Calvo.