Modal API

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

Import

import { ModalProps, ModalHeaderProps, ModalFooterProps } from "@prismane/core";

Modal 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.	() =>

Modal.Header extends Flex component's props.

Modal.Footer extends Flex component's props.

Modal extends Paper and Animation components' CSS classes.

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

Modal.Header extends Flex component's CSS classes.

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

Modal.Footer extends Flex component's CSS classes.

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