gip-recia / change-etab-ui

UI de changement d'établissement

change-etab

⚠️ migration du projet vers https://github.com/GIP-RECIA/recia-webcomponents/tree/main/packages/ressources-diffusables

• change-etab
  • Installation
  • Paramètres
  • Variables CSS
    • Modification de style

UI de change d'établissement en Vue.js

Installation

1. Installation via npm :

npm install @gip-recia/change-etab

2. 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>

3. Ajout du composant sur une page HTML :

const changeEtab = document.createElement('change-etab')
document.body.appendChild(changeEtab)

Paramètres

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

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