Avatar

Sobre

Avatar de usuário: foto, iniciais, ícone, gradiente decorativo ou widget customizado.

size: small (40), medium (54, padrão) ou large (70); diameter sobrescreve o valor numérico
Conteúdo, em ordem de prioridade: customChild > image > backgroundGradient (com iniciais opcionais) > initials > ícone de fallback (icon ou pessoa padrão)
tone: blue (padrão), neutral, green, orange, red — cor do fallback de texto/ícone
fallbackSurface: default_ (fundo sólido neutro) ou soft (fundo tintado na cor do tom)
shape: circle (padrão) ou roundedSquare
showStoryRing + storyRingGradient: anel gradiente ao redor (estilo "story")
status: online desenha um indicador de presença no canto inferior
onTap + semanticLabel: torna o avatar tocável com feedback de pressão
KasyAvatar.gradientFill(...): atalho para preenchimento só com gradiente decorativo

KasyAvatarGroup empilha vários avatares com anel de separação, contador "+N" e botão opcional de adicionar (onAdd).

Carregando o componente…

Atualizado em 03/11/2026