tabler react

Mise à jour - juin 2019 : version 2

Alpha maintenant disponible sur NPM :

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

Découvrez les dernières avancées et impliquez-vous dans cette branche, ou ajoutez vos réflexions et demandes à ce problème.

Tabler Réagir

Implémentation de React du kit d'interface utilisateur du tableau de bord Tabler

Démo | Documents | Problèmes | Mou .

Installer

Assurez-vous que Node.js 8+ et Yarn sont installés.

yarn add tabler-react

Exemple

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

Pour plus d'exemples et de documentation, consultez le site Web de démonstration

Contribuer

Il existe de nombreuses opportunités de s’impliquer. Choisissez une tâche exceptionnelle, faites-nous savoir sur quoi vous travaillez et répondez à toutes vos questions.

Le package est composé de 2 dossiers principaux :

• /src contient tous les composants de Tabler React
• /exemple est notre site Web de démonstration basé sur create-react-app

Pour configurer et exécuter une copie locale :

1. Clonez ce dépôt avec git clone https://github.com/tabler/tabler-react
2. Exécutez yarn install dans le dossier racine
3. Exécutez yarn install dans le dossier d'exemple
4. Dans des fenêtres de terminal séparées, exécutez yarn start dans les dossiers racine et exemple.

Vous devriez maintenant être opérationnel avec le rechargement en direct du navigateur de l'exemple de site Web pendant que vous travaillez sur les composants Tabler React dans le dossier /src.

Lorsque vous avez fini de travailler sur vos modifications, soumettez un PR avec les détails et incluez une capture d'écran si vous avez modifié quelque chose visuellement.

Licence

MIT © Jonthomp, AaronCoplan et les contributeurs.