- Installation via npm :
npm install @gip-recia/param-etab
- Importation du composant :
Dans un module JavaScript :
import '@gip-recia/param-etab';
Dans une page HTML :
<script src="./path/to/param-etab.min.js"></script>
- Ajout du composant sur une page HTML :
const paramEtab = document.createElement('param-etab');
document.body.appendChild(paramEtab);
Propriétés disponibles :
Nom | Type | Obligatoire | Default | Description |
---|---|---|---|---|
param-etab-api |
string |
oui |
URI de la route GET de param etab | |
user-info-api-url |
string |
oui |
URL de l'API des informations utilisateurs | |
default-logo-icon |
string |
oui |
URL de logo etab par défaut |
<param-etab
param-etab-api=""
user-info-api-url=""
default-logo-icon=""
/>
Plusieurs variables CSS peuvent être définis pour personnaliser le webcomponent :
Nom | Description |
---|---|
--param-etab-button-background-color |
Permet de modifier la couleur de fond des boutons |
--param-etab-button-text-color |
Permet de modifier la couleur de texte des boutons |
--param-etab-input-text-focus-color |
Permet de modifier la couleur du focus du texte saisi |