@gip-recia/change-etab
v1.0.0
Published
UI de change établissement en VueJS.
Downloads
72
Readme
change-etab
Installation
- Installation via npm :
npm install @gip-recia/change-etab
- Importation du composant :
Dans un module JavaScript :
import '@gip-recia/change-etab'
Dans une page HTML :
<script src="./path/to/change-etab.min.js"></script>
- Ajout du composant sur une page HTML :
const changeEtab = document.createElement('change-etab')
document.body.appendChild(changeEtab)
Paramètres
Propriétés disponibles :
| Nom | Type | Obligatoire | Default | Description |
| ------------------- | :-------: | :---------: | :-----: | ------------------------------------------ |
| show
| boolean
| oui
| | activer/désactiver la modal |
| change-etab-api
| string
| oui
| | URI de la route GET de change etab |
| user-info-api-url
| string
| oui
| | URL de l'API des informations utilisateurs |
<change-etab
show=""
change-etab-api=""
user-info-api-url=""
/>
Variables CSS
Modification de style
Plusieurs variables CSS peuvent être définis pour personnaliser le webcomponent :
| Nom | Description |
| ------------------------------------------------ | -------------------------------------------------- |
| --change-etab-button-background-color
| Permet de modifier la couleur de fond des boutons |
| --change-etab-button-text-color
| Permet de modifier la couleur de texte des boutons |
| --change-etab-font-text-color
| Permet de modifier la couleur de texte |
| --change-etab-background-modal-overlay-color
| Permet de modifier la couleur de l'overlay |
| --change-etab-background-modal-component-color
| Permet de modifier la couleur de fond de la modale |
| --change-etab-modal-z-index
| Permet de modifier le z-index de la modale |