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

Made with 💙 by Pablo Armenv2.1.15

AboutPrivacyTerms
Home
/Patterns
/138. Widget Customization Sidebar (2-pane)

138. Widget Customization Sidebar (2-pane)

 DesktopAccessibilityApple OSmacOS

This pattern describes a two-pane sidebar designed for widget customization. It typically features a side panel that organizes configurable cards, often using tabs and a toolbar. Users can interact with widgets via drag & drop gestures and long-click events, with options to close overlays.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Apple OS
macOS
Language (i18n)
English
Pattern ID
138
UX Flows
Accessibility
UI Components
Side Panel
Cards
Long Click Event
Drag & Drop Gesture
Close Overlay
Tabs
Transition
Toolbar
Version

Apple MacOS

High-res available on YouTube
High-res available on YouTube
 

Related Patterns

  • 227. Secondary Sidebar Toggle (Mouse)
  • 239. Secondary Sidebar Toggle (Touch)
  • 254. Toggle/Hide Sidebar Menu (Mouse)
  • 279. Collapsable Layout Sidebars
  • 293. Collapsable Sidebar Menu
 

Need more inspiration?

Found this pattern useful?