Vault UIBásicos

Botão

Cinco variantes (padrão, contorno, fantasma, mosaico e tecla) e quatro tamanhos.

Ajustes

Variante
Tamanho

Instalação

O shadcn cria components/ui/botao.tsx no seu projeto e instala o tema junto. O arquivo é seu: edite à vontade.

npx shadcn@latest add https://ui.ravoxlabs.com/r/botao.json

Opções

OpçãoTipoPadrãoO que faz
variante"padrao" | "contorno" | "fantasma" | "mosaico" | "tecla""padrao"Estilo do botão. Mosaico leva a borda nas quatro cores; tecla afunda no clique.
tamanho"pequeno" | "medio" | "grande" | "icone""medio"Altura e respiro. Ícone é quadrado.
...propsComponentProps<"button">—Tudo o que um <button> aceita.