Pular para o conteúdo
fluxr
Botões04 — ComponentesBrandbook

Botões

Biblioteca de UI construída sobre Tailwind CSS v4 + Framer Motion. Todos os componentes seguem as regras da paleta e devem ter hover states definidos.

Papéis de produção

papeis01

Escolha pelo trabalho que o botão faz, não pela aparência.

Landing e marketing. Uma por tela: duas CTAs primárias competem e nenhuma vence.
Começar Agora
Dentro do produto. Ação concreta sobre dados.
Ver Demo
Ação secundária em linha de texto. Nunca para a ação principal.
Saiba Mais

Variantes

variantes02

Botão outline: borda e texto da MESMA cor. Borda lime com texto branco invalida o componente.

Começar AgoraVer DemoSaiba MaisSaiba Mais

Tamanhos

03
SML

Estados

estados04

Cinco estados. Os três últimos são os que se esquece e os que o usuário mais sente.

defaulthoverFoco CarregandoDesabilitado