Button
A ação da tela. Um primary por grupo.
Quando usar
Salvar, confirmar, enviar. Secondary para cancelar. Destructive só quando algo some de verdade.
Do
Um primary por região. Verbo no rótulo: Salvar, Arquivar.
Don’t
Dois primary juntos, ou um ícone sem nome acessível.
Anatomia
A altura segue a densidade da página. Foco com ring terracotta.
import { Button } from "@sable/ui"
<Button>Salvar</Button>
<Button variant="secondary">Cancelar</Button>
Teclado
| Tecla | Ação |
|---|---|
| Tab | Foco visível no botão |
| Enter / Space | Dispara a ação |