@oniti/oniti-modal

Modal s'appuyant sur Material UI

Usage no npm install needed!

<script type="module">
  import onitiOnitiModal from 'https://cdn.skypack.dev/@oniti/oniti-modal';
</script>

README

Oniti Modal

N|Solid

Installation

$ npm install @oniti/oniti-modal --save

Props

Name Type Description
actionCancel string Message du bouton annuler
actionOk string Message du bouton valider
actionMessage string Message d'information affiché en bas a gauche de la modal
error bool définie si le message de actionCancel est une erreur
errorColor string définie la couleur du message d'erreur
openModal bool Controle l'ouverture ou la fermeture de la modal
onCloseHandler func fonction de callback a la fermeture de la modal (bouton annuler)
onSubmitHandler func fonction de callback a la fermeture de la modal (bouton valider)
fullWidth bool props Dialog de Matérial UI
maxWidth string props Dialog de Matérial UI
disabledEnter bool Désactive la fonction de validation sur la touche entrée
fullScreen bool Active l'affichage plein écran

Exemples

<Modal
    openModal={this.state.open}
    onCloseHandler={this.onCloseModalHandler.bind(this)}
    onSubmitHandler={this.onSubmitHandler.bind(this)}
    fullWidth={true}
    maxWidth='xs'
    errorColor="#CC3B1C"
    error={true}
    actionMessage='test action message'
    actionCancel='Cancel'
    actionOk='Submit'
    fullScreen={true}
>
    <DialogTitle key="title" id="alert-dialog-slide-title">
        <Fingerprint/> Ma Super modal de titre
    </DialogTitle>
    <DialogContent key="content">
        <Grid container >
            Voici le contenu de ma super modal
        </Grid>
    </DialogContent>
</Modal>

License

MIT