Pular para o conteúdo
Componentes
04 · Botões

Ações que estalam

// Playground

Cor

Tamanho

Estados

// Variantes × Cores

primary
secondary
ghost
outline
link

// Estados

Normal
Hoverpasse o mouse
Focususe Tab
Activesegure o clique
Loading
Disabled

// FAB & Icon — em ação

// Como usar

import { SvButton } from "@/components/ui/sv-button"

<SvButton variant="primary" color="magenta" icon={<Rocket />} pop="ZAP!">
  Deploy
</SvButton>

<SvButton variant="fab" color="cyan" aria-label="Novo"><Plus /></SvButton>
<SvButton variant="outline" color="lime" isLoading>Enviando…</SvButton>