Repository files navigation

Alpha now available on NPM:

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

Check out the latest progress and get involved onthis branch, or add your thoughts and requests tothis issue.

React implementation of theTabler Dashboard UI Kit

Demo |Documentation |Issues |Slack.

Make sure you haveNode.js 8+ andyarn installed.

yarn add tabler-react

importReact,{Component}from"react";import"tabler-react/dist/Tabler.css";import{Card,Button}from"tabler-react";classMyCardextendsComponent{render(){return(<Card><Card.Header><Card.Title>Card Title</Card.Title></Card.Header><Card.Body><Buttoncolor="primary">A Button</Button></Card.Body></Card>);}}

For more examples and documentation see thedemo website

There are plenty of opportunities to get involved. Pick an outstanding task, let us know what you are working on and fire away with any questions.

The package is made up of 2 main folders:

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

To setup and run a local copy:

1. Clone this repo withgit clone https://github.com/tabler/tabler-react
2. Runyarn install in the root folder
3. Runyarn install in the example folder
4. In seperate terminal windows, runyarn start in the root and example folders.

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.

When you're done working on your changes, submit a PR with the details and include a screenshot if you've changed anything visually.

MIT ©jonthomp,AaronCoplan andthe contributors.