tabler react

Update – Juni 2019: Version 2

Alpha jetzt auf NPM verfügbar:

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

Schauen Sie sich die neuesten Fortschritte an und engagieren Sie sich in diesem Zweig oder fügen Sie Ihre Gedanken und Wünsche zu dieser Ausgabe hinzu.

Tabler-Reaktion

React-Implementierung des Tabler Dashboard UI Kit

Demo | Dokumentation | Probleme | Locker .

Installieren

Stellen Sie sicher, dass Node.js 8+ und Yarn installiert sind.

yarn add tabler-react

Beispiel

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

Weitere Beispiele und Dokumentation finden Sie auf der Demo-Website

Mitwirken

Es gibt viele Möglichkeiten, sich zu engagieren. Wählen Sie eine offene Aufgabe aus, teilen Sie uns mit, woran Sie gerade arbeiten, und stellen Sie uns Ihre Fragen.

Das Paket besteht aus 2 Hauptordnern:

• /src enthält alle Tabler React-Komponenten
• /example ist unsere auf Create-React-App basierende Demo-Website

So richten Sie eine lokale Kopie ein und führen sie aus:

1. Klonen Sie dieses Repo mit git clone https://github.com/tabler/tabler-react
2. Führen Sie yarn install im Stammordner aus
3. Führen Sie yarn install im Beispielordner aus
4. Führen Sie in separaten Terminalfenstern yarn start im Stammordner und im Beispielordner aus.

Sie sollten jetzt mit dem Live-Browser-Neuladen der Beispielwebsite beginnen, während Sie an Tabler React-Komponenten im Ordner /src arbeiten.

Wenn Sie mit der Arbeit an Ihren Änderungen fertig sind, reichen Sie eine PR mit den Details ein und fügen Sie einen Screenshot bei, wenn Sie optisch etwas geändert haben.

Lizenz

MIT © jonthomp, AaronCoplan und die Mitwirkenden.