1.0.2 • Published 4 years ago

@oniti/oniti-modal v1.0.2

Weekly downloads
4
License
MIT
Repository
-
Last release
4 years ago

Oniti Modal

N|Solid

Installation

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

Props

NameTypeDescription
actionCancelstringMessage du bouton annuler
actionOkstringMessage du bouton valider
actionMessagestringMessage d'information affiché en bas a gauche de la modal
errorbooldéfinie si le message de actionCancel est une erreur
errorColorstringdéfinie la couleur du message d'erreur
openModalboolControle l'ouverture ou la fermeture de la modal
onCloseHandlerfuncfonction de callback a la fermeture de la modal (bouton annuler)
onSubmitHandlerfuncfonction de callback a la fermeture de la modal (bouton valider)
fullWidthboolprops Dialog de Matérial UI
maxWidthstringprops Dialog de Matérial UI
disabledEnterboolDésactive la fonction de validation sur la touche entrée
fullScreenboolActive 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