Basic
┌──────────────────────────────────┐
│ Modal Title [x] │
├──────────────────────────────────┤
│ │
│ This is the modal body content. │
│ It can contain any information. │
│ │
└──────────────────────────────────┘
Confirmation
┌──────────────────────────────────┐
│ Delete Item [x] │
├──────────────────────────────────┤
│ │
│ Are you sure you want to delete │
│ this item? This action cannot │
│ be undone. │
│ │
├──────────────────────────────────┤
│ [Cancel] [Delete] │
└──────────────────────────────────┘
┌──────────────────────────────────┐
│ Edit Profile [x] │
├──────────────────────────────────┤
│ │
│ Name │
│ ┌────────────────────────────┐ │
│ │ Alice │ │
│ └────────────────────────────┘ │
│ │
│ Email │
│ ┌────────────────────────────┐ │
│ │ alice@example.com │ │
│ └────────────────────────────┘ │
│ │
├──────────────────────────────────┤
│ [Cancel] [Save] │
└──────────────────────────────────┘