TW Elements React

Tw Elemente reagieren

TW Elements React ist eine riesige Sammlung freier, interaktiver React -Komponenten für Rückenwind -CSS.

500+ UI -Komponenten Dunkelmodusunterstützung Einfach themen- und Anpassungsanpassung Einfache 1 -Minute -Installation Kostenlos für den persönlichen und kommerziellen Gebrauch Beginnen Sie jetzt mit TW -Elementen Reagieren!

---

Inhaltsverzeichnis

• Inhaltsverzeichnis
• Lizenz
• Bald kommen
• Komponenten
• Installation

---

Lizenz

TWE React Alpha -Lizenzinformationen sind in der Lizenzdatei verfügbar

---

Bald kommen

Schauen Sie sich die bevorstehenden Funktionen an - schauen Sie sich unsere sozialen Profile an, um einen frühen Zugang zu erhalten !

Drag & Drop Builder	Vorlagen	Designblöcke

---

Komponenten

Eine Sammlung atemberaubender Komponenten, die auf die kleinsten Details aufmerksam gemacht wurden. Formulare, Karten, Tasten und Hunderte von anderen - In TW -Elementen reagieren Sie alle wesentlichen Elemente, die für jedes Projekt erforderlich sind.

DatePicker (bald kommt)	Dropdown (bald kommen)	Modal
Diagramme (bald kommen)	Tooltips (bald)	Karussell (bald)
Akkordeon	Registerkarten	Stepper (bald kommt)
TimePicker (bald kommt)	Fußzeile	Navi (bald)
Warnungen (bald kommen)	Avatar	Abzeichen
Knopfgruppe	Knöpfe	Karten
Chips (bald)	Zusammenbruch	Galerie (bald kommt)
Jumbotron (bald kommt)	Link	Listengruppe
Benachrichtigungen (bald kommen)	Absätze	Platzhalter
Popover (bald kommt)	Fortschritt	Bewertung
Scrollen Sie nach oben	Soziale Schaltflächen	Spinner
Zeitleiste	Toast (bald kommt)	Tooltip (bald)
Video (bald kommt)	Video Karussell (bald)	Kontrollkästchen
Dateieingabe	Eingabegruppe (bald kommt)	Anmeldeformular
Radio	Reichweite	Registrierungsformular
Suchen	Auswählen (bald kommt)	Schalten
Textarea (bald)	Tische	Ripple
Animationen (bald kommen)	Masken	Schatten

---

Installation

NPM

1. Achten Sie vor dem Starten des Projekts sicher, dass Sie Node.js (LTS) Version 14+, 16+ und Tailwindcss installieren.

2. Führen Sie den folgenden Befehl aus, um das Paket über NPM zu installieren:

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

3. Fügen Sie die TW -Elemente React CSS -Datei zu Ihrer Haupt -JS/TSX -Datei hinzu

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

4. TW Elements ist ein Plugin und sollte in der Datei Tailwind.config.js enthalten sein. Es wird auch empfohlen, das Inhaltsarray mit einer JS -Datei zu erweitern, in der dynamische Komponentenklassen geladen werden:

 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. Komponenten funktionieren nach dem Import des Pakets:

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