tabler react
v1.30.1
Alpha 现已在 NPM 上提供:
npm install tabler-react@alpha
yarn add tabler-react@alpha
查看最新进展并参与该分支,或者在此问题上添加您的想法和请求。
Tabler 仪表板 UI 套件的 React 实现
演示|文档|问题|松弛。
确保您安装了 Node.js 8+ 和纱线。
yarn add tabler-react
import React , { Component } from "react" ;
import "tabler-react/dist/Tabler.css" ;
import { Card , Button } from "tabler-react" ;
class MyCard extends Component {
render ( ) {
return (
< Card >
< Card . Header >
< Card . Title > Card Title </ Card . Title >
</ Card . Header >
< Card . Body >
< Button color = "primary" > A Button </ Button >
</ Card . Body >
</ Card >
) ;
}
}
有关更多示例和文档,请参阅演示网站
有很多参与的机会。选择一项出色的任务,让我们知道您正在做什么,并回答任何问题。
该软件包由 2 个主要文件夹组成:
要设置并运行本地副本:
git clone https://github.com/tabler/tabler-react
克隆此存储库yarn install
yarn install
yarn start
。现在,当您处理 /src 文件夹中的 Tabler React 组件时,您应该可以启动并运行示例网站的实时浏览器重新加载。
完成更改后,请提交包含详细信息的 PR,并包含屏幕截图(如果您在视觉上进行了任何更改)。
麻省理工学院 © jonthomp、AaronCoplan 和贡献者。