Button

Sobre

Botão padrão do design system, usado em todo o app. Suporta rótulo, ícone, estado de carregamento e várias variantes visuais.

variant: primary (padrão), secondary, tertiary, destructive, destructiveSoft, inverse, link, soft, neutral, outline, ghost
size: small (40px, texto 14), medium (padrão, 45px, texto 16) ou large (54px, texto 16). Use small em áreas densas de desktop (barras de ferramentas, sidebars, painéis laterais), junto com o KasyTextField de tamanho small
KasyButton.iconOnly(...): botão circular só com ícone
icon + iconAlignment: leading, trailing ou top (ícone empilhado acima do rótulo)
isLoading + loadingBehavior: inline (mantém o formato, troca o conteúdo por spinner) ou shrinkToCircle (encolhe para um círculo enquanto carrega)
expand: ocupa toda a largura disponível; width: largura fixa
pressEffect: depth (escala, padrão no nativo), fill (preenchimento tipo hover, padrão na web) ou both
backgroundColor, foregroundColor, borderColor, outlineWidth, borderRadius, backgroundGradient, fontWeight: sobrescrevem os tokens da variante para casos customizados
hapticFeedbackEnabled: liga/desliga o toque tátil leve ao pressionar

Cantos padrão: KasyRadius.xl (24), ou círculo completo quando é só ícone.

Carregando o componente…

Atualizado em 03/11/2026