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

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/325. Drag & Drop Tag Colors to Slots

Drag & Drop Tag Colors to Slots

 DesktopDecision MakingAwarenessAccessibility

Generated Description

Users can intuitively assign color-coded tags to designated slots via drag-and-drop, enhancing organization and quick visual identification of items.

View more...

Pattern Metadata

Released: Jul 5, 2022

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 325. Drag & Drop Tag Colors to Slots.

Device (Tabs)
Desktop
System (OS)
Apple OS
Language (i18n)
English
Description
Users can intuitively assign color-coded tags to designated slots via drag-and-drop, enhancing organization and quick visual identification of items.
VotesUp
VotesDown
Pattern ID
332
UX Flows
Decision Making
Awareness
Accessibility
UI Components
Drag & Drop Gesture
Color Marker
Checkbox
Tags
Version
2.1.19

Apple MacOS

notion image
 

Related Patterns

  • 268. Drag & Drop to Upload File
  • 332. Drag & Drop to Create File from Web Image
  • 388. Drag & Drop and Checkbox to Select Multiple Item
  • 343. Modal/Dialog Drag & Drop to Fixed Position
  • 306. Drag & Drop for Reordering List Items (Mouse)
  • 263. Drag & Drop to Reorder List Items (Touch)

Still searching?

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

Send feedback