search

dnum-mi / vue-dsfr

Portage en Vue du DSFR
https://vue-ds.fr
Other
61 stars 28 forks source link

Icônes dans les quicklinks du header #650

Closed alemangui closed 10 months ago

alemangui commented 10 months ago

Hello, il me semble que pas tous les icônes sont affichables dans les quickLinks du header. Faut-il importer remix icons séparément ?

Par exemple, ri-mail-line, ri-lock-line, ou ri-account-circle-line fonctionnent et s'affichent bien.

Par contre, je n'arrive pas à afficher ri-home-line ou ri-notification-line

laruiss commented 10 months ago

Oui, i faut les ajouter. Si vous êtes parti d'une application créée par l'assistant officiel, il suffit de rajouter les icônes désirées dans src/icons.ts

alemangui commented 10 months ago

Merci laruiss.

Je profite d'ajouter quelques précisions pour celles et ceux qui pourraient tomber sur cet issue plus tard : Si votre projet n'a pas été créé par l'assistant, il suffit par la suite d'importer le fichier src/icons.ts|js dans votre main.ts|js. Exemple :

// src/icons.ts|js
export {
  RiAlertFill,
  RiAlertLine,
  ...
} from "oh-vue-icons/icons"
// main.js|ts
...
import "./icons.js|ts"
...

Et d'installer oh-vue-icons npm install oh-vue-icons bien sur.