PageModals are a variant form of Modal designed for larger content. They are intended for contexts involving extensive information, complex tasks, or substantial workflows. The content behind a PageModal dialog is inert, meaning that users cannot interact with it.
View source codeReactNode
The content of the PageModal.
boolean
Whether the PageModal is open.
MouseEventHandler<HTMLButtonElement>
Close the PageModal.
ReactNode
The title to display in the PageModal.
boolean
Remove the transition on the PageModal.
Default: falseElement
The element where to mount the Modal. It needs to be outside the GrapesProvider tree for the focus trap to work properly.
Default: document.body