Le composant v-icon fournit un grand ensemble de glyphes pour fournir un contexte à divers aspects de votre application. Pour une liste de toutes les icônes disponibles, visitez la page officielle Icons de design de matériaux. Pour utiliser n'importe quelle de ces icônes, utilisez simplement le préfixe mdi- suivi du nom d'icône.
Les icônes sont présentées dans deux thèmes (lumière et foncé), et cinq tailles différentes (x-small, small, medium (par défaut), grandes et x-large).
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
Design de matériaux est également pris en charge. Pour plus d'informations sur la façon de l'installer, veuillez naviguer ici
Font Awesome est également supporté. Il suffit d'utiliser le nom de l'icône préfixe fa-. Veuillez noter que vous devez toujours inclure les icônes Font Awesome dans votre projet. Pour plus d'informations sur la façon de l'installer, veuillez naviguer sur la page d'installation
En utilisant les utilitaires de couleur, vous pouvez changer la couleur d'une icône à partir des thèmes sombres et clairs standards.
Lier n’importe quel événement click à « v-icon » changera automatiquement le curseur en pointeur.
Vous pouvez importer manuellement uniquement les icônes que vous utilisez lors de l'utilisation du paquet @mdi/js. Si vous voulez utiliser des icônes SVG avec le composant VIcon, lisez sur leur utilisation here.
Prêt pour plus ? Continuez la lecture avec :