The v-avatar component is typically used to display circular user profile pictures. This component will allow you to dynamically size and add a border radius of responsive images, icons, and text. A tile variation is available for displaying an avatar without border radius.
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.
La propsize vous permet de définir la hauteur et la largeur de v-avatar. Cette taille de prop est égale à un ratio d'aspect de 1. height et width les props vont écraser cette prop.
La proptile supprime le rayon de bordure de v-avatar vous laissant un simple avatar carré.
L'emplacement par défaut v-avatar accepte le composant v-icon, une image ou un texte. Mélangez et associez les avec d'autres props pour créer quelque chose d'unique.
En utilisant la prop tile nous pouvons créer une carte de profil épurée.
La combinaison d'un avatar avec d'autres composants vous permet de construire de belles interfaces utilisatrices directement hors de la boîte.
Prêt pour plus ? Continuez la lecture avec :