Components

Modals & dialogs

For destructive confirmations, focused tasks, and decision points that must interrupt flow. Anything reversible should be a toast or inline edit instead.

Confirmation

Reject this supplement?

The estimator will be notified. You can re-open it later from the audit log.

.sc-modal · max-width: 480px · radius: 12pxRight-aligned actions · destructive on the right

Usage

Do
Use modals for destructive confirmations and tasks that genuinely block flow. Place the destructive action on the right; cancel on the left.
Don't
Don't use a modal for non-blocking feedback. A toast confirms a save; a modal asks for permission to do something hard to reverse.