Modal


Examples


maxWidth
Learn More
open
bool
Required
Controlled open state of the modal. Provided by the useModal hook.
onClose
function
Callback that is called on key down 'Escape' and on click outside modal content. Provided by the useModal hook.
children
node
The content of the modal overlay
closeOnEscape
bool
Whether or not the modal should close when the escape key is pressed
closeOnOutsideClick
bool
Whether or not the modal should close when clicking outside the modal
maxWidth
number
default: 1200
The maximum width of the modal content
portalId
string
Controls the target container ID for the rendering React portal

None

children
node
The content of the modal header
showCloseButton
bool
Whether or not to show the close button
onClose
function
Callback to close the modal when the close button is clicked. Provided by the useModal hook.

padding
Learn More
children
node
The main content of the modal's panel

None

children
node
The content of the modal's footer. This component applies styling automatically to any child Button components.