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" ;