Modal
A portaled dialog on a blurred backdrop. Focuses itself on open, closes on Escape or backdrop click, and locks page scroll while visible.
import { Modal } from "marclayui";Dialog with footer
Sizes
sm · md (default) · lg — all capped at 92vw on small screens.
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controls visibility. |
onClose | () => void | — | Called by Escape, the ✕ button, or the backdrop. |
title | React.ReactNode | — | Header text; the panel is aria-labelledby it. |
footer | React.ReactNode | — | Right-aligned action row. |
size | "sm" | "md" | "lg" | "md" | Max width of the panel. |
closeOnBackdrop / closeOnEsc | boolean | true | Toggle the dismissal behaviors. |