Buttons
Sistema de botões táticos para interfaces de alta performance
01
Production Roles
Cada botão carrega uma intenção clara no campo de batalha
Botões são o ponto de contato primário entre o jogador e a interface. Cada variante comunica um nível diferente de prioridade e ação.
Primary
Ação principal — entrar na partida, confirmar jogada
Secondary
Ação complementar — cancelar, voltar ao lobby
Ghost
Ação sutil — links internos, navegação
Destructive
Ação perigosa — deletar conta, sair do squad
02
Variantes
Quatro variantes core com identidade visual distinta
Primary: bg-brand-red text-brand-white | Secondary: bg-brand-gray-700 | Ghost: bg-transparent border | Destructive: bg-amber-600
03
Tamanhos
sm (32px), md (40px), lg (48px)
sm
px-4 py-1.5 text-sm
md
px-6 py-2.5 text-base
lg
px-8 py-3.5 text-lg
04
Estados
Feedback visual para cada estado de interação
:default
:hover
:disabled
:loading
05
Combinações
Botões em contexto de grupo e ações compostas
Modal de Confirmação
Tem certeza que deseja sair do squad "Tropa de Elite"?