Sidebar Patterns

Sidebar Types

App Sidebar (Always Visible)

• Fixed width: 240-280px expanded, 48-64px collapsed (icon-only).
• Toggle between expanded and collapsed.
• Show active section with background highlight.
• Group items with section labels.

Content Sidebar

• Right side for supplementary information (properties, details, chat).
• Resizable if content varies.
• Collapsible to maximize main content area.