PageModal

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 code
  • children
    ReactNode

    The content of the PageModal.

  • isOpen
    boolean

    Whether the PageModal is open.

  • onClose
    MouseEventHandler<HTMLButtonElement>

    Close the PageModal.

  • title
    ReactNode

    The title to display in the PageModal.

  • noAnimation
    boolean

    Remove the transition on the PageModal.

    Default: false
  • portalContainer
    Element

    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