tabler react

التحديث - يونيو 2019: الإصدار 2

ألفا متاح الآن على NPM:

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

تحقق من آخر التقدم وشارك في هذا الفرع، أو أضف أفكارك وطلباتك حول هذه المشكلة.

رد فعل الجدول

الرد على تنفيذ مجموعة أدوات واجهة مستخدم لوحة معلومات Tabler

تجريبي | التوثيق | قضايا | سلاك .

ثَبَّتَ

تأكد من تثبيت Node.js 8+ والغزل.

yarn add tabler-react

مثال

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

لمزيد من الأمثلة والوثائق، راجع الموقع التجريبي

المساهمة

هناك الكثير من الفرص للمشاركة. اختر مهمة متميزة وأخبرنا بما تعمل عليه وطرح أي أسئلة عليك.

تتكون الحزمة من مجلدين رئيسيين:

• يحتوي /src على جميع مكونات Tabler React
• /example هو موقعنا التجريبي القائم على إنشاء التطبيق والتفاعل

لإعداد نسخة محلية وتشغيلها:

1. استنسخ هذا الريبو باستخدام git clone https://github.com/tabler/tabler-react
2. قم بتشغيل yarn install في المجلد الجذر
3. قم بتشغيل yarn install في مجلد المثال
4. في نوافذ طرفية منفصلة، ​​قم بتشغيل yarn start في المجلدات الجذرية والمجلدات النموذجية.

يجب أن تكون الآن جاهزًا للعمل من خلال إعادة تحميل المتصفح المباشر لموقع الويب النموذجي أثناء العمل على مكونات Tabler React في المجلد /src.

عند الانتهاء من العمل على التغييرات، أرسل بيانًا صحفيًا يتضمن التفاصيل وقم بتضمين لقطة شاشة إذا قمت بتغيير أي شيء بشكل مرئي.

رخصة

معهد ماساتشوستس للتكنولوجيا © جونثومب، آرون كوبلان والمساهمين.