wealth_health_modale v0.1.4

Modale confirmation validation

Pour faire apparaitre une modal avec du text afin de confirmer une validation de formulaire par exemple.

Installation command:

# using npm
npm install wealth_health_modale

# using yarn
yarn add wealth_health_modale

Paramètre modal:

• text => Rentrer le text qui sera affiché dans le modal
• isOpen => Utiliser un useState est transmettez la variable
• onClose => Transmettez la fonction de l'useState

Exemple:

Using import

import Modale from 'wealth_health_modale/src/index';

In code react

//
// Module standard react
export default function React() {

//
// Hooks useState importé de react pour la modal
const [modaleState, setModaleState] = useState(false)

//
// Fonction activé à la validation du formulaire
const handleSubmit = (e) =>{
e.preventDefault();
// Active la modale en retournant un boolean true
setModaleState(true)
}

//
//
return (

// L'element modal que l'on a importer en amonts    
<Modale 
text="Employee Created"
isOpen={modaleState}
onClose={setModaleState}
/>

// Element formulaire pour l'exemple
<form onSubmit={handleSubmit}>
// ...formulaire
<input type="submit" value="Save"/> 
</form>
)
}