Patterns for Side Panels
Floating drawers that allow user to fix information on screen without breaking the navigation.
362. Slack - Side Menu Toggle
362. Slack - Side Menu Toggle
Pathfinding
354. Figma - Floating Form with Steps
354. Figma - Floating Form with Steps
FeedbackConsentAwareness
347. YouTube - Floating Progress Bar
347. YouTube - Floating Progress Bar
AwarenessAccessibilityFeedback
343. Modal Drag & Drop to Fixed Position
343. Modal Drag & Drop to Fixed Position
AccessibilityPathfindingAwareness
307. Tooltip on Hover
307. Tooltip on Hover
AwarenessPathfinding
302. Theme Switcher in Side-drawer
302. Theme Switcher in Side-drawer
AccessibilityPathfinding
293. Collapsable Sidebar Menu
293. Collapsable Sidebar Menu
AwarenessPathfindingAccessibility
292. Vertical Icon Menu
292. Vertical Icon Menu
AwarenessPathfinding
259. Squarespace - Multi-depth Sidebar Navigation
259. Squarespace - Multi-depth Sidebar Navigation
Pathfinding
258. Squarespace - Adaptable Viewport Size
258. Squarespace - Adaptable Viewport Size
AccessibilityPathfinding
231. Automatic Floating Popover with Steps
231. Automatic Floating Popover with Steps
AwarenessPathfinding
43. File Upload Status_13.52.38/w=1920,quality=90,fit=scale-down)
43. File Upload Status
Awareness
199. Sidebar Emptystate_12.03.02/w=1920,quality=90,fit=scale-down)
199. Sidebar Emptystate
OnboardingAwareness