TW Elements React

TW元素反應

TW Elements React是巨大的自由交互式反應組件，用於尾風CSS。

500+ UI組件 暗模式支持 簡單的主題和定制 簡單，1分鐘安裝 免費用於個人和商業用途 開始使用TW元素立即反應！

---

目錄

• 目錄
• 執照
• 即將推出
• 成分
• 安裝

---

執照

TWE React Alpha許可信息可在許可證文件中獲得

---

即將推出

查看即將到來的功能 - 觀看我們的社交資料以儘早訪問！

拖放建造者	模板	設計塊

---

成分

一系列令人驚嘆的組件集中在關注最小的細節。表單，卡，按鈕和其他數百個 - 在TWEREMENTS中，您會發現每個項目所需的所有必需要素。

datepicker（即將推出）	下拉（即將推出）	模態
圖表（即將推出）	工具提示（即將推出）	旋轉木馬（即將推出）
手風琴	選項卡	步進（即將推出）
TimePicker（即將推出）	頁尾	Navbar（即將推出）
警報（即將推出）	頭像	徽章
按鈕組	按鈕	牌
籌碼（即將推出）	坍塌	畫廊（即將推出）
Jumbotron（即將推出）	關聯	列表組
通知（即將推出）	段落	佔位符
流行音樂（即將推出）	進步	等級
滾動到頂部	社交按鈕	旋轉器
時間表	吐司（即將推出）	工具提示（即將推出）
視頻（即將推出）	視頻旋轉木馬（即將推出）	複選框
文件輸入	輸入組（即將推出）	登錄表格
收音機	範圍	註冊表格
搜尋	選擇（即將推出）	轉變
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. 將TW元素react CSS文件添加到您的主JS/TSX文件

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

4. TW元素是一個插件，應包含在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" ;