Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.15

AboutPrivacyTerms
Home
/Patterns
/254. Toggle/Hide Sidebar Menu (Mouse)

254. Toggle/Hide Sidebar Menu (Mouse)

 DesktopPathfindingAccessibilityWeb

Allows users to toggle the visibility of a sidebar menu on desktop interfaces via a mouse click. This pattern typically involves a visual transition to expand or collapse the side panel, optimizing screen real estate and aiding in content pathfinding.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Español
Pattern ID
254
UX Flows
Pathfinding
Accessibility
UI Components
Toggle Field
Active State
Side Panel
Transition
Click Event
Version
notion image
 

Related patterns

  • 199. Sidebar Emptystate
  • 227. Secondary Sidebar Toggle (Mouse)
  • 239. Secondary Sidebar Toggle (Touch)
 

Need more inspiration?

Found this pattern useful?