TW Elements React

TW Elementos reagem

TW Elements React é uma enorme coleção de componentes de reação interativa e gratuitos para CSS do Tailwind CSS.

500+ componentes da interface do usuário Suporte ao modo escuro Fácil temas e personalização Instalação simples de 1 minuto Grátis para uso pessoal e comercial Comece com o TW Elements reaja agora!

---

Índice

• Índice
• Licença
• Em breve
• Componentes
• Instalação

---

Licença

TWE React Alpha Licensing Information está disponível no arquivo de licença

---

Em breve

Confira os próximos recursos - assista aos nossos perfis sociais para obter acesso antecipado !

Drag & Drop Builder	Modelos	Blocos de design

---

Componentes

Uma coleção de componentes impressionantes feitos com atenção aos menores detalhes. Formas, cartões, botões e centenas de outros - em dois elementos reagirem, você encontrará todos os elementos essenciais necessários para cada projeto.

DatePicker (em breve)	Suspenso (em breve)	Modal
Gráficos (em breve)	Dicas de ferramentas (em breve)	Carrossel (em breve)
Acordeão	Guias	Stepper (em breve)
Timepicker (em breve)	Rodapé	Navbar (em breve)
Alertas (em breve)	Avatar	Crachás
Grupo de botões	Botões	Cartões
Batatas fritas (em breve)	Colapso	Galeria (em breve)
Jumbotron (em breve)	Link	Grupo de listas
Notificações (em breve)	Parágrafos	Espaços reservados
Popover (em breve)	Progresso	Avaliação
Role até o topo	Botões sociais	Spinners
Linha do tempo	Toast (em breve)	Tooltip (em breve)
Vídeo (em breve)	Video Carousel (em breve)	Caixa de seleção
Entrada de arquivo	Grupo de entrada (em breve)	Formulário de login
Rádio	Faixa	Formulário de inscrição
Procurar	Selecione (em breve)	Trocar
Textarea (em breve)	Mesas	Ripple
Animações (em breve)	Máscaras	Sombras

---

Instalação

Npm

1. Antes de iniciar o projeto, certifique -se de instalar o Node.js (LTS) versão 14+, 16+ e Tailwindcss.

2. Execute o seguinte comando para instalar o pacote via NPM:

 npm i git+https://oauth2:[email protected]/mdb/twe-react/prd/twe-react-pro-essential

3. Adicione o arquivo TW Elements React CSS ao seu arquivo principal JS/TSX

 import "tw-elements-react/dist/css/tw-elements-react.min.css" ;

4. TW Elements é um plug -in e deve ser incluído dentro do arquivo Tailwind.config.js . Também é recomendável estender a matriz de conteúdo com um arquivo JS que carrega classes de componentes dinâmicos:

 module . exports = {
  content : [
    "./index.html" ,
    "./src/**/*.{js,ts,jsx,tsx}" ,
    "./node_modules/tw-elements-react/dist/js/**/*.js" ,
  ] ,
  theme : {
    extend : { } ,
  } ,
  darkMode : "class" ,
  plugins : [ require ( "tw-elements-react/dist/plugin.cjs" ) ] ,
} ;

5. Os componentes funcionarão depois de importar o pacote:

 import { TECollapse } from "tw-elements-react" ;