Modal Portal Frame
v1.0.0A dialog that appears on top of the page content.
Interactive Implementation
Click the button to open a modal dialog.
Properties API
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| isOpen | boolean | required | Binds the active conditional view layout visibility switch onto parent rendering states. |
| onClose | () => void | required | Callback triggered instantly upon choosing closure elements, overlay spaces, or pressing Escape. |
| title | ReactNode | undefined | Header section element serving as the definitive descriptive accessibility point for dialog tracks. |
| children | ReactNode | required | Core data markup structures packed inside the display frame container block. |
| maxWidth | "sm" | "md" | "lg" | "xl" | "md" | Controls responsive boundary limits restricting scale tracking variables across desktops. |