Avatar

Fluent 2 visuals, shadcn APIs. Image with a real loading/error state (Base UI), brand-tinted initials fallback, className-driven sizing, and a grouped/stacked row.

Light

imageAC

initialsTS

broken imageMK

sizes

ACsize-6

ACsize-8 (default)

ACsize-10

ACsize-12

grouped

ACTSMKRJ+3

Dark

imageAC

initialsTS

broken imageMK

sizes

ACsize-6

ACsize-8 (default)

ACsize-10

ACsize-12

grouped

ACTSMKRJ+3