TW Elements React

สององค์ประกอบตอบสนอง

Tw Elements React เป็นคอลเลกชันขนาดใหญ่ของส่วนประกอบปฏิกิริยาแบบโต้ตอบแบบโต้ตอบสำหรับ Tailwind CSS

ส่วนประกอบ UI 500+ รองรับโหมดมืด ง่ายและปรับแต่ง ติดตั้งง่าย 1 นาที ฟรีสำหรับการใช้งานส่วนบุคคลและเชิงพาณิชย์ เริ่มต้นด้วยการตอบสนองสององค์ประกอบตอนนี้!

---

สารบัญ

• สารบัญ
• ใบอนุญาต
• เร็วๆ นี้
• ส่วนประกอบ
• การติดตั้ง

---

ใบอนุญาต

TWE React Alpha Licensing ข้อมูลมีอยู่ที่ไฟล์ใบอนุญาต

---

เร็วๆ นี้

ตรวจสอบคุณสมบัติที่กำลังจะมาถึง - ดู โปรไฟล์โซเชียล ของเราเพื่อ เข้าถึงก่อนเวลา !

Drag & Drop Builder	เทมเพลต	บล็อกการออกแบบ

---

ส่วนประกอบ

คอลเลกชันของส่วนประกอบที่น่าทึ่งที่ทำด้วยความสนใจไปที่รายละเอียดที่เล็กที่สุด แบบฟอร์มการ์ดปุ่มและอื่น ๆ อีกหลายร้อยรายการ - ในสององค์ประกอบตอบสนองคุณจะพบองค์ประกอบสำคัญทั้งหมดที่จำเป็นสำหรับทุกโครงการ

Datepicker (เร็ว ๆ นี้)	ดรอปดาวน์ (เร็ว ๆ นี้)	เป็นโมฆะ
แผนภูมิ (เร็ว ๆ นี้)	คำแนะนำเครื่องมือ (เร็ว ๆ นี้)	Carousel (เร็ว ๆ นี้)
หีบเพลง	แท็บ	Stepper (เร็ว ๆ นี้)
Timepicker (เร็ว ๆ นี้)	ส่วนท้าย	Navbar (เร็ว ๆ นี้)
การแจ้งเตือน (เร็ว ๆ นี้)	อวตาร	ตรา
กลุ่มปุ่ม	ปุ่ม	การ์ด
ชิป (เร็ว ๆ นี้)	ทรุด	แกลเลอรี่ (เร็ว ๆ นี้)
Jumbotron (เร็ว ๆ นี้)	การเชื่อมโยง	กลุ่มรายการ
การแจ้งเตือน (เร็ว ๆ นี้)	ย่อหน้า	ผู้ถือตำแหน่ง
Popover (เร็ว ๆ นี้)	ความคืบหน้า	การให้คะแนน
เลื่อนไปด้านบน	ปุ่มสังคม	นักปั่นปินเนอร์
เส้นเวลา	ขนมปังปิ้ง (เร็ว ๆ นี้)	คำแนะนำเครื่องมือ (เร็ว ๆ นี้)
วิดีโอ (เร็ว ๆ นี้)	Video Carousel (เร็ว ๆ นี้)	ช่องทำเครื่องหมาย
อินพุตไฟล์	กลุ่มอินพุต (เร็ว ๆ นี้)	แบบฟอร์มเข้าสู่ระบบ
วิทยุ	พิสัย	แบบฟอร์มลงทะเบียน
ค้นหา	เลือก (เร็ว ๆ นี้)	สวิตช์
Textarea (เร็ว ๆ นี้)	โต๊ะ	ระลอกคลื่น
ภาพเคลื่อนไหว (เร็ว ๆ นี้)	หน้ากาก	เงา

---

การติดตั้ง

NPM

1. ก่อนที่จะเริ่มโครงการตรวจสอบให้แน่ใจว่าได้ติดตั้ง node.js (LTS) เวอร์ชัน 14+, 16+ และ tailwindcss

2. เรียกใช้คำสั่งต่อไปนี้เพื่อติดตั้งแพ็คเกจผ่าน NPM:

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

3. เพิ่มไฟล์ Twe Elements React CSS ลงในไฟล์ JS/TSX หลักของคุณ

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

4. Tw Elements เป็นปลั๊กอินและควรรวมอยู่ในไฟล์ tailwind.config.js ขอแนะนำให้ขยายอาร์เรย์เนื้อหาด้วยไฟล์ JS ที่โหลดคลาสคอมโพเนนต์แบบไดนามิก:

 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. ส่วนประกอบจะทำงานหลังจากนำเข้าแพ็คเกจ:

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