Overlays and menus
DialogFooter
A footer region helper for dialog content with border separation and alignment controls.
Curated demo
Reference
A footer region helper for dialog content with border separation and alignment controls.
- Use DialogFooter to separate final actions from the dialog body.
- It is layout only; Dialog remains responsible for modal semantics and focus trapping.
Props
| Name | Type | Default | Description |
|---|---|---|---|
align | 'start' | 'center' | 'end' | 'between' | 'end' | Footer content alignment. |
class | string | — | Additional CSS classes. |
Example snippet
<DialogFooter><DialogActions><Button>Confirm</Button></DialogActions></DialogFooter>