Buttons
Elementos de ação primária do sistema. Cada variant comunica hierarquia e intenção de forma inequívoca.
[01]
Variants
default
outline
ghost
destructive
link
[02]
Sizes
sm — 32px
default — 40px
lg — 56px
icon — 40px
[03]
States
Normal
Hover
Luminosidade aumenta 10%. Transição 150ms ease.
Focus
Ring 2px solid primary. Acessibilidade garantida.
Disabled
Loading
[04]
Com Ícones
Leading Icon
Trailing Icon
Icon Only
[05]
Composições
CTA Hero
Primary + Ghost Pair
Destructive Confirmation
Tem certeza? Esta ação não pode ser desfeita.