Dialog
Accessible modal with backdrop blur, Escape-to-close, scroll lock and a portal so it never gets clipped.
Import
import { Dialog, Button } from "@igorao79/uivix";Examples
Confirm
Click to open
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | - | Whether the dialog is visible |
| onClose | () => void | - | Called on Escape, backdrop click or the close button |
| title | ReactNode | - | Heading |
| description | ReactNode | - | Text under the heading |
| footer | ReactNode | - | Footer content, usually buttons |
| closeOnBackdrop | boolean | true | Close when the backdrop is clicked |
| size | "sm" | "md" | "lg" | "md" | Max width |
| className | string | - | Additional CSS classes |