Dropdown confirm

Dropdown confirm helps, as an alternative to high-impact dialogs (e.g. modals), to focus the user’s attention on one task or piece of information without losing focus on the page content.

Dimensions

The dropdown confirm's default width is 210px, which is defined by design. The dropdown's height depends on the volume of content.

All buttons in a confirmation dropdown are always small.

Design properties - Dimensions

Occurrences

The dropdown confirm can be populated by a button or dropdown item

Design properties - Occurrences

Button

  • by default, it's positioned on the top of the button
  • by default, it's allied to the right side of the button

Dropdown menu

  • it replaces a dropdown once it is populated
  • it keeps the position of the dropdown
  • it respects dropdown width
Dropdown confirm
Usage
Dropdown confirm
Resources
Soul Design System by Emplifi

Soul is the heart of Emplifi's effort to design the best CX platform for its customers. The design system collects principles, components, patterns, copywriting guidelines, and more.

© 2025 Soul Design System. Page last updated on Feb 25, 2025, 15:02