Update - June 2021: Version 1.41.4

Tabler React

React implementation of the Tabler Dashboard UI Kit

Install

There's no package of this Fork. If you want to try it type: npm install santiagocasasrey/tabler-react

Example

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>
    );
  }
}

For more examples and documentation see the demo website

Setup

The package is made up of 2 main folders:

• /src contains all the Tabler React components
• /example is our create-react-app based demo website

To setup and run a local copy:

1. Clone this repo with git clone https://github.com/santiagocasasrey/tabler-react
2. Run yarn install in the root folder
3. Run yarn install in the example folder
4. In seperate terminal windows, run yarn start in the root and example folders.
5. If you see an error with react-hooks and two copies of react or react-dom execute: npm link .\example\node_modules\react\ and npm link .\example\node_modules\react-dom\

You should now be up and running with live browser reloading of the example website while you work on Tabler React components in the /src folder.

Deploy

1. In main package.json execute prepare script in order to build tabler-react.
2. (Optional) Execute deploy script if you want to deploy the web example to github pages. You will locate your deploy here.

License

MIT © santiagocasasrey, jonthomp, AaronCoplan and the contributors.