Component

Avatar [sw-avt]

Imagem de usuário circular ou quadrada, com iniciais de fallback, indicador de status e agrupamento empilhado.

1. Tamanhos

PP P M G GG

2. Cores & Forma

P S S A E I Q

3. Com Imagem & Status

Usuário online Usuário ocupado Usuário ausente Usuário offline

4. Grupo Empilhado

+5

Referência

ClasseTipoDescrição
[sw-avt]BaseAtributo fundamental — círculo com iniciais ou imagem.
.sw-avt-pp, .sw-avt-p, .sw-avt-g, .sw-avt-ggTamanhoEscala PP→GG. Sem classe = tamanho M (padrão).
.sw-avt-sqrFormaQuadrado com cantos arredondados em vez de círculo.
.sw-avt-sec, -suc, -ale, -err, -infCorVariantes semânticas do fundo (sem imagem).
.is-onl, .is-bsy, .is-away, .is-offStatusIndicador de presença no canto inferior direito.
.sw-avt-grpLayoutAgrupa avatares filhos sobrepostos.