Valmor

Button

Botões para ações primárias e secundárias com múltiplas variantes.

Variantes:
primary secondary outline ghost

Button

<!-- Button Component -->
<div class="button">
  Button content here
</div>
---
import Button from '@/components/ui/actions/Button/Button.astro';
---

<Button />

Variantes

primary

primary

Ação principal destacada

secondary

secondary

Ação secundária

outline

outline

Botão com borda

ghost

ghost

Botão transparente

Uso

Quando usar

  • Use Button para botões para ações primárias e secundárias com múltiplas variantes.
  • Ideal para interfaces que precisam de ações

Boas práticas

  • Mantenha consistência com outros componentes da mesma categoria
  • Considere acessibilidade e estados de interação
  • Teste em diferentes tamanhos de tela