Modal

Modal.

Example Usage

<Modal
  modalId={'test'}
  isOpen={isOpen}
  onClose={onCloseModal}
  actionChildren={<InlineButton marginDirection="none" buttons={buttons} />}
  titleChildren={
    <Typography variant="h1">Liste des comptes déséquilibrés</Typography>
  }
  contentChildren={
    <Typography variant="body1">
      Attention vous allez devoir{' '}
      <strong> supprimer toutes les écritures liées à ce dossier </strong>,
      veuillez confirmer sur le bouton valider!
    </Typography>
  }
  dialogProps={{ id: 'myId' }}
/>

Props

Name	Type	Required	Default	Description
onClose	function	Yes	undefined	Callback function triggered when the modal is closed.
modalId	string	No	undefined	The ID of the modal. This ID is used for accessibility purposes.
isOpen	bool	Yes	-	Determines whether the modal is open or closed.
titleChildren	React node/ string	No	undefined	Content to be displayed as the title of the modal.
actionChildren	Array	No	undefined	Content to be displayed as the actions of the modal.
contentChildren	React node	No	undefined	Content to be displayed within the modal's body.
children	React node	No	undefined	Content to be displayed within the modal's body.
...dialogProps	object	No	{}	Other MUI Dialog props.