Button

O Button é o átomo de interatividade base do sistema COBOGÓ. É projetado para desencadear uma ação, submeter um formulário, ou em alguns contextos de navegação. Na doutrina “Curva & Concreto”, o botão é a “Curva” máxima. É o que o utilizador pode focar, tocar e clicar.

Exemplo Interativo

Doutrina Curva & Concreto

A borda de raio variável nos botões permite que se destaquem das superfícies estáticas e informacionais. Botões primários recebem cores saturadas (--azul) e mudanças visíveis durante a passagem do cursor (hover) e do foco do teclado (focus-visible).

Variações

• Primary: Acção principal na tela (geralmente uma).
• Secondary: Opções de fuga ou acções alternativas de menor peso.
• Outline: Sem fundo primário, usa apenas a borda. Muito útil em sobreposições densas.
• Ghost: Sem fundo e sem borda até a interação (hover ou foco).
• Danger: Para atos irreversíveis como remoção, deleção ou expulsões de dados. Usa --vermelho.

<Button variant="primary">Continuar</Button>
<Button variant="ghost">Cancelar</Button>