Identity
Avatar
One fixed box for a person or entity: image, derived initials, or icon — never a shifting layout.Choose it deliberately
Use the component when its contract matches the user task.
Use when
A person, organization, or entity needs a consistent compact representation.
Avoid overloading
Presence dots, badges, stacking, and upload flows are composed outside the avatar.
Composition
Sizing, labels, and neighboring elements should preserve visual hierarchy.
One primary meaning
The avatar identifies; the surrounding row carries the name, role, and actions.
Interactive wrappers
Wrap with MButtonIcon or NuxtLink so the control, not the avatar, owns focus and state.