Skip to content
Atelier

Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Default
Usage notes
  • Use for focused profile or settings edits.
  • Keep the title and description action-oriented.
  • Place the primary action on the right.
Custom close button
Usage notes
  • Use when you need a branded or contextual close action.
  • Hide the default close icon to avoid duplicated controls.
  • Anchor secondary actions in the footer.