layout contract
Dialog
Confirmation modal — focused decision surface.
Variants
- confirm
- Primary action + cancel
- destructive
- Red primary action + cancel
- info
- Single OK action — pure information
Sizes
- sm
- 420pt
- md
- 480pt
Slots
- icon
- Optional leading variant icon
- title
- Single sentence
- description
- One paragraph max
- actions
- Cancel + primary
Example
<Dialog variant="destructive" title="Delete this project?" description="All tokens, contracts, and rules will be permanently removed." actions={<><Button variant="ghost">Cancel</Button><Button variant="destructive">Delete</Button></>} />Usage rule
Title is a question or statement; never instructions.
The full Dialog contract has 4 more rules, plus the do-not patterns. Get the full recipe.