Modal
View in FigmaA dialog overlay that focuses the user's attention on a specific task or confirmation.
OverlaysImport
import { Modal } from "@/components/ui"API
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | — | Controls visibility. |
| onClose | () => void | — | Callback to close the modal. |
| title | ReactNode | — | Dialog heading. |
| description | ReactNode | — | Secondary text below the title. |
| footer | ReactNode | — | Action buttons at the bottom. |
| size | "sm" | "md" | "lg" | "md" | Maximum width of the modal. |
| closeOnOverlay | boolean | true | Close when clicking the backdrop. |