@gip-recia/ui-ressources-gar NPM

ui-ressouces-gar

npm install @gip-recia/ui-ressouces-gar

Dans un module JavaScript :

import '@gip-recia/ui-ressouces-gar'

Dans une page HTML :

<script src="./path/to/ui-ressouces-gar.min.js"></script>

const uiRessourcesGar = document.createElement('ui-ressouces-gar')
document.body.appendChild(uiRessourcesGar)

Propriétés disponibles :

Nom	Type	Obligatoire	Description
`base-api-url`	`string`	`oui`	URL de l'API REST des ressources diffusables
`ressources-diffusables-api-uri`	`string`	`oui`	URI de la route GET des ressources diffusables
`user-info-api-url`	`string`	`oui`	URL de l'API des informations utilisateurs
`resources-per-page-default`	`number`	`oui`	Nombre de résultats à afficher sur une page

<ui-ressources-gar
  base-api-url=""
  ressources-diffusables-api-uri=""
  ressources-diffusables-size-api-uri=""
  user-info-api-url=""
/>

Plusieurs variables CSS peuvent être définis pour personnaliser le webcomponent :

Nom	Description
`--ui-ressources-gar-button-border-radius`	Permet de modifier le radius des boutons
`--ui-ressources-gar-card-border-radius`	Permet de modifier le radius des cartes
`--ui-ressources-gar-margin`	Permet de modifier le margin global
`--ui-ressources-gar-padding`	Permet de modifier le padding global

9 months ago

9 months ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago