Dialog API

Learn about the Dialog component's props and CSS classes.

Import

import {
  DialogProps,
  DialogHeaderProps,
  DialogFooterProps,
} from "@prismane/core";

Dialog extends Paper and Animation components' props.

Name	Type	Description	Default
`open`	`boolean`	Triggers the open state of the dialog.	false
`closable`	`boolean`	Triggers the closable state of the dialog.	-
`onClose`	`() => void`	Callback that will be executed on closing the dialog.	() =>

Dialog.Header extends Flex component's props.

Dialog.Footer extends Flex component's props.

Dialog extends Paper and Animation components' CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneDialog-root`	The wrapper box of the dialog.
`root`	`.PrismaneDialog-root-open`	The wrapper box of the dialog based on the open state.

Dialog.Header extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneDialogHeader-root`	The wrapper box of the dialog's header component.

Dialog.Footer extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneDialogFooter-root`	The wrapper box of the dialog's footer component.