AccountMenu

Le menu du compte connecté : un avatar qui ouvre un menu à en-tête de profil.

Chaque application le recomposait — avatar dans un bouton qui lui ajoutait un cadre, en-tête forcé dans un titre de section en capitales. Ici, le déclencheur est l'avatar seul, rond et sans fond, et l'en-tête une entrée header à contenu libre du DropdownMenu.

Installation

sia-ui add account-menu

Ou par le paquet, sans rien copier :

import { AccountMenu } from "@sia-ui/react-web";

Props

Prop	Type	Défaut	Description
* items	MenuEntry[]	—	Les entrées sous l'en-tête : profil, préférences, déconnexion.
* name	string	—	Le nom de la personne connectée : avatar, en-tête et libellé du bouton.
avatarProps	Partial<Omit<AvatarProps, "name">>	—	L'avatar du déclencheur — taille, forme, variante.
avatarSrc	string	—	La photo. À défaut, les initiales de name.
className	string	—
dropdownMenuProps	Partial<Omit<DropdownMenuProps, "children" | "items" | "onSelect">>	—	Le menu lui-même, hors entrées et déclencheur qu'il reçoit d'ici.
email	ReactNode	—
headerAvatarProps	Partial<Omit<AvatarProps, "name">>	—	L'avatar de l'en-tête du menu.
onSelect	(item: MenuItem) => void	—
role	ReactNode	—	Le rôle, en pastille sous le nom : « Administrateur ».
roleBadgeProps	Partial<Omit<BadgeProps, "children">>	—	La pastille du rôle — ton, variante.
triggerLabel	string	—	Le nom accessible du déclencheur. Par défaut, celui de la locale, accountMenu.trigger (« Compte de {name} »).

* obligatoire.

Voir aussi

• Le composant dans le catalogue — états, variantes, et bac à sable.
• La référence complète — tous les composants.