TW Elements React

Tw elementos reaccionan

TW Elements React es una gran colección de componentes reactos interactivos e interactivos gratuitos para CSS de viento de cola.

500+ componentes de la interfaz de usuario Soporte en modo oscuro Tema fácil y personalización Instalación simple de 1 minuto Gratis para uso personal y comercial ¡Comience con TW Elements Reaccion ahora!

---

Tabla de contenido

• Tabla de contenido
• Licencia
• Muy pronto
• Componentes
• Instalación

---

Licencia

La información de licencia de TWE React Alpha está disponible en el archivo de licencia

---

Muy pronto

Mira las próximas características: ¡mira nuestros perfiles sociales para obtener acceso temprano !

Builder de arrastrar y soltar	Plantillas	Bloques de diseño

---

Componentes

Una colección de componentes impresionantes hechos con atención a los detalles más pequeños. Formularios, tarjetas, botones y cientos de otros: en TW elementos reaccionan, encontrará todos los elementos esenciales necesarios para cada proyecto.

DatePicker (próximamente)	Desplegable (próximamente)	Modal
Gráficos (próximamente)	Tras de herramientas (próximamente)	Carrusel (próximamente)
Acordeón	Cortina a la italiana	Paso (próximamente)
TimePicker (próximamente)	Pie de página	Navbar (próximamente)
Alertas (próximamente)	Avatar	Insignias
Grupo de botones	Botones	Tarjetas
Chips (próximamente)	Colapsar	Galería (próximamente)
Jumbotron (próximamente)	Enlace	Grupo de listas
Notificaciones (próximamente)	Párrafos	Marcador de posición
Popover (próximamente)	Progreso	Clasificación
Desplácese hasta arriba	Botones sociales	Hilanderos
Línea de tiempo	Tostadas (próximamente)	Tooltip (próximamente)
Video (próximamente)	Video Carusel (próximamente)	Caja
Entrada de archivo	Grupo de entrada (próximamente)	Formulario de inicio de sesión
Radio	Rango	Formulario de inscripción
Buscar	Seleccione (próximamente)	Cambiar
Textarea (próximamente)	Mesas	Onda
Animaciones (próximamente)	Máscaras	Oscuridad

---

Instalación

Npm

1. Antes de comenzar el proyecto, asegúrese de instalar Node.js (LTS) Versión 14+, 16+ y Tailwindcss.

2. Ejecute el siguiente comando para instalar el paquete a través de NPM:

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

3. Agregue el archivo CSS react CSS de TW Elements a su archivo JS/TSX principal

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

4. TW Elements es un complemento y debe incluirse dentro del archivo tailwind.config.js . También se recomienda extender la matriz de contenido con un archivo JS que carga clases 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. Los componentes funcionarán después de importar el paquete:

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