Overlays and menus
DialogActions
A small action-row helper for modal and drawer footers with responsive stacking.
Curated demo
Reference
A small action-row helper for modal and drawer footers with responsive stacking.
- Use inside DialogFooter or Drawer content to align related actions.
- Stacking on narrow screens keeps destructive and primary actions easier to tap.
Props
| Name | Type | Default | Description |
|---|---|---|---|
align | 'start' | 'center' | 'end' | 'end' | Action alignment. |
stackOnMobile | boolean | true | Stack actions on small screens. |
class | string | — | Additional CSS classes. |
Example snippet
<DialogActions><Button variant="secondary">Cancel</Button><Button>Save</Button></DialogActions>