Plasma Design System

Name	Type	Default	Description
`children`	`ReactNode`
`classes`	`IClassName`
`closeCallback`	`() => void`
`closeTimeout`	`number`
`contentClasses`	`IClassName`		Additionnal CSS class to add to the modal container
`contentRef`	`(el: HTMLDivElement) => void`
`docLink`	`ILinkSvgProps`		Props of the link to documentation
`htmlId`	`string`		id for the html element
`id`	`string`
`isOpened`	`boolean`
`isPrompt`	`boolean`	`false`	Wheter this backdrop is for a prompt or not
`layer`	`number`
`modalBodyChildren`	`ReactNode`		React child to add to the body
`modalBodyClasses`	`IClassName`		Additionnal CSS class to add to the body
`modalFooterChildren`	`ReactNode`		React child to add to the footer
`modalFooterClasses`	`IClassName`		Additionnal CSS class to add to the footer
`modalHeaderChildren`	`ReactNode`		React child to add to the header
`modalHeaderClasses`	`IClassName`		Additionnal CSS class to add to the header
`onClose`	`() => void`
`onDestroy`	`() => void`
`onRender`	`() => void`
`openOnMount`	`boolean`		Renders the Modal already opened.
`title`	`ReactNode`		Title of the modal
`validateShouldNavigate`	`(isDirty: boolean) => boolean`		Function that will be called before the modal is closed isDirty–has the modal changed
`withReduxState`	`boolean`	`true if using a connected component, false otherwise`	Wheter this component is connected to the state or not
`displayFor`deprecated	`string[]`		Do not use

No guidelines exist for ModalCompositeConnected yet.

Layout