Avatar
Representação visual de usuário com imagem ou iniciais.
Tamanhos
sm (24px) / default (32px) / lg (40px)
243240
Com iniciais
JDASMRCL
Com imagem
UUUU
Com status
JDASMR
Grupo de avatares
UUU
+3
API (shadcn + Radix)
| Componente / prop | Tipo | Default | Descrição |
|---|---|---|---|
| Avatar / size | "default" | "sm" | "lg" | default | Tamanho do círculo; alinhado ao preset Niemeyer do shadcn. |
| Avatar / className | string | — | Aplicada na raiz (merge com as classes padrão). |
| AvatarImage / src | string | — | — |
| AvatarImage / alt | string | — | — |
| AvatarImage / className | string | — | Todas as props do Radix AvatarImage (e demais) repassadas. |
| AvatarFallback / className | string | — | Todas as props do Radix Avatar Fallback repassadas. |
| AvatarBadge / className | string | — | ex.: cor de status; vazio = ponto, ou ícone no conteúdo. |
| AvatarGroup / className | string | — | — |
| AvatarGroupCount / className | string | — | Conteúdo: texto (ex. +3) ou ícone; `className` para estilizar o contêiner. |
| … (Radix) | variado | — | Primitive Radix: delay do fallback e outras opções na doc oficial. |
Composição, exemplos e tabelas completas (shadcn + Radix): shadcn/ui — Avatar (Radix)