Children can be a string, node or a function accepting
The intent of the Dialog. Used for the button.
When true, the dialog is shown.
Title of the Dialog. Titles should use Title Case.
When true, the header with the title and close icon button is shown.
When true, the footer with the cancel and confirm button is shown.
When true, the cancel button is shown.
When true, the close button is shown
Function that will be called when the exit transition is complete.
Function that will be called when the enter transition is complete.
Function that will be called when the confirm button is clicked. This does not close the Dialog. A close function will be passed as a paramater you can use to close the dialog.
Label of the confirm button.
When true, the confirm button is set to loading.
When true, the confirm button is set to disabled.
Function that will be called when the cancel button is clicked. This closes the Dialog by default.
Label of the cancel button.
Boolean indicating if clicking the overlay should close the overlay.
Boolean indicating if pressing the esc key should close the overlay.
Width of the Dialog.
The space above the dialog. This offset is also used at the bottom when there is not enough vertical space available on screen — and the dialog scrolls internally.
The space on the left/right sides of the dialog when there isn’t enough horizontal space available on screen.
The min height of the body content. Makes it less weird when only showing little content.
Props that are passed to the dialog container.
Props that are passed to the content container.
Whether or not to prevent scrolling in the outer body