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

Made with 💙 by Pablo Armenv2.1.17

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

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
Description
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.
VotesUp
VotesDown
Pattern ID
138
UX Flows
Accessibility
UI Components
Side Panel
Cards
Long Click Event
Drag & Drop Gesture
Close Overlay
Tabs
Transition
Toolbar
Version
2.1.14

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
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback