---
title: Modal
description: A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
fragment: true
links:
  doc: https://www.radix-ui.com/docs/primitives/components/dialog
  api: https://www.radix-ui.com/docs/primitives/components/dialog#api-reference
---

<ComponentPreview name="modal-demo" peekCode wide />

## Examples

### Aligned footer

<ComponentPreview name="modal-aligned-footer" />

### Hide footer

<ComponentPreview name="modal-hide-footer" />

### Custom footer

<ComponentPreview name="modal-custom-footer" />