Badge

SobreCopiar link da âncora

Selo pequeno para contadores, status ou indicadores de novidade. Pode ser texto ou um simples ponto.

• text: rótulo do badge (ex: "3", "Novo"); isDot/KasyBadge.dot(...) renderiza só um ponto colorido
• tone: primary, neutral, success, warning, danger (padrão) — define fundo e texto
• size: sm, md (padrão), lg
• backgroundColor / foregroundColor: sobrescrevem as cores do tom
• Sempre desenha um anel fino na cor da superfície ao redor, para destacar sobre o que estiver por baixo

KasyBadged sobrepõe um KasyBadge a qualquer widget (ex: avatar, ícone): placement (topRight, topLeft, bottomRight, bottomLeft), overlap (deslocamento manual) e isCircularAvatar/avatarDiameter para calcular o encaixe certo no arco do avatar.

PreviewCopiar link da âncora

Atualizado em 03/11/2026