renovatt / tailwind-variants

Neste código, eu defino um componente 'Button' que permite criar botões com diferentes estilos e comportamentos. Utilizo a biblioteca 'tailwind-variants' para criar variantes de estilo, como cores e tamanhos. Além disso, o botão pode exibir ícones de sucesso e de carregamento, e até mesmo suporta a adição de ícones personalizados.

Home Page:https://tailwind-variants-kappa.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Descrição

Apenas um projeto simples aplicando os conceitos básicos do tailwind-variants, aplicando em um botão como exemplo. Neste código, eu defino um componente 'Button' que permite criar botões com diferentes estilos e comportamentos. Utilizo a biblioteca 'tailwind-variants' para criar variantes de estilo, como cores e tamanhos. Além disso, o botão pode exibir ícones de sucesso e de carregamento, e até mesmo suporta a adição de ícones personalizados.

Ver Projeto

Web 1

Web 2

Web 2


🛠️ Tecnologias

💻 Front-end

📚 Bibliotecas

🎨 Estilização

🔋 Versionamento e Deploy


⚙️ Configuranções e Instalações

Clone do Projeto

$ git clone https://github.com/renovatt/tailwind-variants.git

Instalando as dependências

$ npm install

Iniciando o projeto

$ npm run dev

Como contribuir?

  • Você pode dar suporte me seguindo aqui no GitHub
  • Dando uma estrela no projeto
  • Criar uma conexão comigo no linkedin fazendo parte da minha networking e curtir o meu projeto.

Autor Wildemberg Renovato de Lima

About

Neste código, eu defino um componente 'Button' que permite criar botões com diferentes estilos e comportamentos. Utilizo a biblioteca 'tailwind-variants' para criar variantes de estilo, como cores e tamanhos. Além disso, o botão pode exibir ícones de sucesso e de carregamento, e até mesmo suporta a adição de ícones personalizados.

https://tailwind-variants-kappa.vercel.app


Languages

Language:TypeScript 72.3%Language:JavaScript 15.2%Language:CSS 12.5%