Modal
This component is currently a Work In Progress (WIP).
The Modal component displays content in a layer above the app.
Playground
Props
Examples
Usage
Props
Modal
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | The modal content (Header, Body, Footer). |
className | string | - | Additional CSS classes. |
entityId | string | - | ID of the entity being edited (for URL state). |
id | string | - | Unique ID for URL state management. |
onToggle | (open) => void | - | Callback to change open state. |
open | boolean | - | Controls visibility. |
preventExit | boolean | false | Prevents closing browser tab if true. |
Modal.Header
| Prop | Type | Default | Description |
|---|---|---|---|
onClose | () => void | - | Callback for close button. |
title | ReactNode | - | The title of the modal. |
Modal.Body, Modal.Footer
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | Content. |
Last updated on