TW Elements React

Les éléments deux réagissent

TW Elements React est une énorme collection de composants de réaction interactifs gratuits pour le vent arrière CSS.

500+ composants d'interface utilisateur Support en mode noir Thème et personnalisation faciles Installation simple, 1 minute GRATUIT pour une utilisation personnelle et commerciale Commencez avec TW Elements React maintenant!

---

Table des matières

• Table des matières
• Licence
• À venir
• Composants
• Installation

---

Licence

Les informations sur les licences Alpha Twe React sont disponibles dans le fichier de licence

---

À venir

Découvrez les fonctionnalités à venir - Regardez nos profils sociaux pour obtenir un accès anticipé !

Drag & Drop Builder	Modèles	Blocs de conception

---

Composants

Une collection de composants époustouflants faits avec attention aux plus petits détails. Les formulaires, les cartes, les boutons et les centaines d'autres - en twolements réagissent, vous trouverez tous les éléments essentiels nécessaires à chaque projet.

DatePicker (à venir bientôt)	Dropdown (à venir bientôt)	Modal
Graphiques (à venir bientôt)	Info-bullets (à venir bientôt)	Carrousel (à venir bientôt)
Accordéon	Onglets	Stepper (à venir bientôt)
TimePicker (à venir bientôt)	Pied de page	Navbar (à venir bientôt)
Alertes (à venir bientôt)	Avatar	Badges
Groupe de boutons	Boutons	Cartes
Chips (à venir bientôt)	Effondrement	Galerie (à venir bientôt)
Jumbotron (à venir bientôt)	Lien	Groupe de listes
Notifications (à venir bientôt)	Paragraphes	Espaces réservés
Popover (à venir bientôt)	Progrès	Notation
Faites défiler en haut	Boutons sociaux	Fineurs
Chronologie	Toast (à venir bientôt)	Info-bulle (à venir bientôt)
Vidéo (à venir bientôt)	Carrousel vidéo (à venir bientôt)	Cocher
Entrée de fichier	Groupe d'entrée (à venir bientôt)	Formulaire de connexion
Radio	Gamme	Formulaire d'inscription
Recherche	Sélectionner (à venir bientôt)	Changer
TextArea (à venir bientôt)	Tables	Ondulation
Animations (à venir bientôt)	Masques	Ombres

---

Installation

NPM

1. Avant de démarrer le projet, assurez-vous d'installer Node.js (LTS) version 14+, 16+ et tailwindcss.

2. Exécutez la commande suivante pour installer le package via NPM:

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

3. Ajoutez le fichier CSS React Elements à deux éléments à votre fichier JS / TSX principal

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

4. TW Elements est un plugin et doit être inclus dans le fichier tailwind.config.js . Il est également recommandé d'étendre le tableau de contenu avec un fichier JS qui charge les classes de composants dynamiques:

 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. Les composants fonctionneront après l'importation du package:

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