Oniti Modal

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