Cum să folosești @identitate-md/logos

Ghid complet de utilizare pentru pachetul npm și CDN

Instalare

Instalează pachetul folosind npm sau yarn:

npm install @identitate-md/logos

Utilizare prin CDN

Logo-urile sunt disponibile automat prin CDN-uri gratuite jsDelivr și unpkg.

jsDelivr (recomandat):


https://cdn.jsdelivr.net/npm/@identitate-md/logos@latest/logos/md-guvern/horizontal/color.svg

Proxy Vercel (identitate.md):


https://identitate.md/logos/md-guvern/horizontal/color.svg

URL-urile de pe identitate.md sunt redirect-uri către jsDelivr CDN cu caching și CORS headers.

Web Component

Folosește componenta <identity-icon> pentru încărcare automată cu caching și CSS color control:

 <!-- Include loader-ul -->

<script src="https://identitate.md/loader.js"></script>

 <!-- Folosește componenta -->

<identity-icon

  src="https://identitate.md/logos/md-guvern/symbol/color.svg"

  size="64px">

</identity-icon>

Componenta suportă atributul size, control CSS prin color (via currentColor), și path-uri relative sau absolute.

Structura fișierelor

Fiecare instituție are logo-uri organizate pe layout-uri și variante cromatice:

logos/
  md-guvern/
    horizontal/
      color.svg
      white.svg
    symbol/
      color.svg
      white.svg
  md-mj/
    horizontal/
      color.svg
      white.svg
    ...