<tyro-ui-avatar>

Avatar

Avatar de profil reprenant le design de la navbar - anneau en dégradé. [src] prioritaire, sinon tyrolium.fr/generate-pp généré depuis [name]. Rien n'est rendu si les deux sont absents.

Généré depuis le nom

[name] → tyrolium.fr/generate-pp?l=X&c=HEXCOLOR
Alice Martin
Bob Dupont
Charlie Lee
Diana Prince
Maxime Tournier

Avec [src]

URL image directe - anneau dégradé

Tailles

xs=24px / sm=32px / md=40px / lg=56px
Maxime Tournier
Maxime Tournier
Maxime Tournier
Maxime Tournier

Inputs

Propriété
Type
Défaut
Description
[src]string (URL)-URL de la photo de profil
[name]string-Nom complet - initiales calculées si pas de src
[size]'xs' | 'sm' | 'md' | 'lg''md'Taille : xs=24px, sm=32px, md=40px, lg=56px

Ordre de résolution de l'image

1. [src]  fourni   → image directe
2. [name] fourni   → https://tyrolium.fr/generate-pp/?l={1ère lettre}&c=183153
3. rien             → rien n'est rendu