Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tabler/tabler-react
React components and demo for the Tabler UI theme.
https://github.com/tabler/tabler-react
admin admin-dashboard admin-dashboard-ui bootstrap bootstrap-template bootstrap-theme bootstrap4 react react-components reactjs reactjs-components tabler typescript user-interface
Last synced: about 1 month ago
JSON representation
React components and demo for the Tabler UI theme.
- Host: GitHub
- URL: https://github.com/tabler/tabler-react
- Owner: tabler
- License: mit
- Archived: true
- Created: 2018-04-12T21:32:09.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T17:59:04.000Z (almost 2 years ago)
- Last Synced: 2024-04-14T01:51:32.250Z (7 months ago)
- Topics: admin, admin-dashboard, admin-dashboard-ui, bootstrap, bootstrap-template, bootstrap-theme, bootstrap4, react, react-components, reactjs, reactjs-components, tabler, typescript, user-interface
- Language: CSS
- Homepage: http://tabler-react.com
- Size: 84.1 MB
- Stars: 2,270
- Watchers: 58
- Forks: 540
- Open Issues: 84
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome-repositories - tabler/tabler-react - React components and demo for the Tabler UI theme. (CSS)
- awesome-list - tabler-react
README
# Update - June 2019: Version 2
Alpha now available on NPM:
`npm install tabler-react@alpha`
`yarn add tabler-react@alpha`
Check out the latest progress and get involved on [this branch](https://github.com/tabler/tabler-react/tree/version-2), or add your thoughts and requests to [this issue](https://github.com/tabler/tabler-react/issues/458).
# Tabler React
> React implementation of the [Tabler Dashboard UI Kit](https://github.com/tabler/tabler)
[](https://www.npmjs.com/package/tabler-react)  [](https://greenkeeper.io/) [](http://commitizen.github.io/cz-cli/)
**[Demo](http://tabler-react.com)** | **[Documentation](http://tabler-react.com/documentation/)** | **[Issues](https://github.com/tabler/tabler-react/issues)** | **[Slack](https://tabler-ui.slack.com/messages/CA55LDVHU/)**.
## Install
Make sure you have [Node.js](https://nodejs.org/) 8+ and [yarn](https://yarnpkg.com) installed.
`yarn add tabler-react`
## Example
```jsx
import React, { Component } from "react";
import "tabler-react/dist/Tabler.css";
import { Card, Button } from "tabler-react";
class MyCard extends Component {
render() {
return (
Card Title
A Button
);
}
}
```
For more examples and documentation see the [demo website](http://tabler-react.com)
## Contributing
[There are plenty of opportunities to get involved](https://github.com/tabler/tabler-react/issues). 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 our [create-react-app](https://github.com/facebook/create-react-app/) based demo website
To setup and run a local copy:
1. Clone this repo with `git clone https://github.com/tabler/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.
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.
## License
MIT © [jonthomp](https://github.com/jonthomp), [AaronCoplan](https://github.com/AaronCoplan) and [the contributors](https://github.com/tabler/tabler-react/graphs/contributors).