Composants → bpm.avatar

bpm.avatar

Avatar utilisateur (initiales ou image). Option variant="sidebar" pour afficher nom, sous-titre et bouton de déconnexion dans une sidebar.

Affichage de données
JD
Python
bpm.avatar(initials="JD")

Props (React)

PropTypeDéfautDescription
srcstring | nullURL de l’image (si absent, affiche initials).
altstringTexte alternatif de l’image.
initialsstringInitiales affichées quand pas d’image.
sizesmall | medium | largemediumTaille de l’avatar.
variantdefault | sidebardefaultsidebar : bloc avec nom, sous-titre et option déconnexion.
namestringNom à côté de l’avatar (variant sidebar).
subtitlestringSous-titre sous le nom, ex. email (variant sidebar).
onLogout() => voidCallback déconnexion ; si fourni, affiche le bouton (variant sidebar).
logoutLabelstringSe déconnecterLibellé du bouton de déconnexion.

Exemples

bpm.avatar(initials="JD", size="medium")
bpm.avatar(initials="RC", size="large")
# Dans une sidebar
bpm.avatar(
    variant="sidebar",
    initials="RC",
    name="Rémi Cabrit",
    subtitle="remi@example.com",
    on_logout=lambda: ...
)

Tester en direct dans le sandbox :

Ouvrir dans le sandbox