A modal overlay that focuses the user on a specific task or piece of content by dimming the background.
Loading component...
Run the following command to add this component to your project:
Import the component directly from the package:
Static UI import { Dialog } from "@static-ui/ui"Common props available for this component:
| Prop | Type | Description |
|---|---|---|
| className | string | Additional CSS classes to apply. |
Implements the WAI-ARIA Dialog pattern. Focus is trapped. Uses `role="dialog"` and `aria-modal="true"`. Closes on `Escape` key.