tabler react

Pembaruan - Juni 2019: Versi 2

Alfa sekarang tersedia di NPM:

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

Lihat kemajuan terkini dan terlibatlah di cabang ini, atau tambahkan pemikiran dan permintaan Anda untuk masalah ini.

Reaksi Tabel

Bereaksi implementasi Kit UI Tabler Dashboard

Demo | Dokumentasi | Masalah | Kendur .

Memasang

Pastikan Anda telah menginstal Node.js 8+ dan benang.

yarn add tabler-react

Contoh

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

Untuk contoh dan dokumentasi lebih lanjut, lihat situs demo

Berkontribusi

Ada banyak peluang untuk terlibat. Pilih tugas yang luar biasa, beri tahu kami apa yang sedang Anda kerjakan, dan ajukan pertanyaan apa pun.

Paket ini terdiri dari 2 folder utama:

• /src berisi semua komponen Tabler React
• /example adalah situs demo berbasis aplikasi buat-reaksi

Untuk menyiapkan dan menjalankan salinan lokal:

1. Kloning repo ini dengan git clone https://github.com/tabler/tabler-react
2. Jalankan yarn install di folder root
3. Jalankan yarn install di folder contoh
4. Di jendela terminal terpisah, jalankan yarn start di folder root dan contoh.

Anda sekarang seharusnya sudah aktif dan berjalan dengan browser langsung yang memuat ulang situs web contoh saat Anda mengerjakan komponen Tabler React di folder /src.

Setelah Anda selesai mengerjakan perubahan, kirimkan PR dengan detailnya dan sertakan tangkapan layar jika Anda telah mengubah sesuatu secara visual.

Lisensi

MIT © jonthomp, AaronCoplan dan para kontributor.