TW Elements React

TW Elements Bereaksi

TW Elements React adalah kumpulan besar komponen reaksi interaktif gratis untuk CSS tailwind.

500+ komponen UI Dukungan Mode Gelap Tema & Kustomisasi Mudah Sederhana, instal 1 menit Gratis untuk penggunaan pribadi & komersial Mulailah dengan TW Elements React Now!

---

Daftar isi

• Daftar isi
• Lisensi
• Segera hadir
• Komponen
• Instalasi

---

Lisensi

Informasi lisensi TWE React Alpha tersedia di file lisensi

---

Segera hadir

Lihatlah fitur yang akan datang - tonton profil sosial kami untuk mendapatkan akses awal !

Seret & Drop Builder	Template	Blok desain

---

Komponen

Koleksi komponen menakjubkan yang dibuat dengan perhatian pada detail terkecil. Bentuk, kartu, tombol, dan ratusan lainnya - dalam dua elemen bereaksi Anda akan menemukan semua elemen penting yang diperlukan untuk setiap proyek.

DatePicker (segera hadir)	Dropdown (segera hadir)	Modal
Grafik (segera hadir)	Tooltips (segera hadir)	Korsel (segera hadir)
Akordeon	Tab	Stepper (segera hadir)
TimePicker (segera hadir)	Footer	Navbar (segera hadir)
Peringatan (segera hadir)	Avatar	Lencana
Grup tombol	Tombol	Kartu
Keripik (segera hadir)	Runtuh	Galeri (segera hadir)
Jumbotron (segera hadir)	Link	Grup daftar
Pemberitahuan (segera hadir)	Paragraf	Placeholder
Popover (segera hadir)	Kemajuan	Peringkat
Gulir ke atas	Tombol sosial	Pemintal
Timeline	Toast (segera hadir)	Tooltip (segera hadir)
Video (segera hadir)	Video Carousel (segera hadir)	Kotak centang
Input file	Grup input (segera hadir)	Formulir login
Radio	Jangkauan	Formulir Pendaftaran
Mencari	Pilih (segera hadir)	Mengalihkan
Textarea (segera hadir)	Tabel	Riak
Animasi (segera hadir)	Topeng	Bayangan

---

Instalasi

NPM

1. Sebelum memulai proyek, pastikan untuk menginstal Node.js (LTS) versi 14+, 16+ dan tailwindCSS.

2. Jalankan perintah berikut untuk menginstal paket melalui NPM:

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

3. Tambahkan TW Elements React CSS File ke file JS/TSX utama Anda

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

4. TW Elements adalah plugin dan harus dimasukkan di dalam file tailwind.config.js . Juga disarankan untuk memperluas array konten dengan file JS yang memuat kelas komponen dinamis:

 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. Komponen akan berfungsi setelah mengimpor paket:

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