tabler react

更新 - 2019 年 6 月：版本 2

Alpha 現已在 NPM 上提供：

npm install tabler-react@alpha yarn add tabler-react@alpha

查看最新進展並參與該分支，或在此問題上添加您的想法和請求。

Tabler反應

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 個主要資料夾組成：

• /src 包含所有 Tabler React 元件
• /example 是我們基於 create-react-app 的示範網站

若要設定並運行本機副本：

1. 使用git clone https://github.com/tabler/tabler-react複製此儲存庫
2. 在根資料夾中運行yarn install
3. 在範例資料夾中執行yarn install
4. 在單獨的終端機視窗中，在根資料夾和範例資料夾中執行yarn start 。

現在，當您處理 /src 資料夾中的 Tabler React 元件時，您應該可以啟動並執行範例網站的即時瀏覽器重新載入。

完成更改後，請提交包含詳細資訊的 PR，並包含螢幕截圖（如果您在視覺上進行了任何更改）。

執照

麻省理工學院 © jonthomp、AaronCoplan 和貢獻者。