tabler react

อัปเดต - มิถุนายน 2019: เวอร์ชัน 2

อัลฟ่าพร้อมใช้งานแล้วบน NPM:

npm ติดตั้ง yarn add tabler-react@alpha npm install tabler-react@alpha เพิ่ม tabler-react@alpha

ตรวจสอบความคืบหน้าล่าสุดและมีส่วนร่วมในสาขานี้ หรือเพิ่มความคิดเห็นและคำขอของคุณเกี่ยวกับปัญหานี้

ปฏิกิริยาของตาราง

ตอบสนองการใช้งาน Tabler Dashboard UI Kit

สาธิต | เอกสารประกอบ | ปัญหา | หย่อน .

ติดตั้ง

ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง 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 >
    ) ;
  }
}

สำหรับตัวอย่างและเอกสารประกอบเพิ่มเติม โปรดดูที่เว็บไซต์สาธิต

มีส่วนร่วม

มีโอกาสมากมายที่จะมีส่วนร่วม เลือกงานที่โดดเด่น แจ้งให้เราทราบว่าคุณกำลังทำอะไรอยู่ และตอบคำถามใดๆ ได้เลย

แพ็คเกจประกอบด้วย 2 โฟลเดอร์หลัก:

• /src มีส่วนประกอบ Tabler React ทั้งหมด
• /example คือเว็บไซต์สาธิตที่ใช้แอพ create-react-app ของเรา

วิธีตั้งค่าและเรียกใช้สำเนาในเครื่อง:

1. โคลน repo นี้ด้วย git clone https://github.com/tabler/tabler-react
2. รัน yarn install ในโฟลเดอร์รูท
3. รัน yarn install ในโฟลเดอร์ตัวอย่าง
4. ในหน้าต่างเทอร์มินัลแยกกัน ให้รัน yarn start ในรูทและโฟลเดอร์ตัวอย่าง

ตอนนี้คุณควรเริ่มต้นใช้งานโดยโหลดเบราว์เซอร์สดของเว็บไซต์ตัวอย่างในขณะที่คุณทำงานกับส่วนประกอบ Tabler React ในโฟลเดอร์ /src

เมื่อคุณดำเนินการเปลี่ยนแปลงเสร็จแล้ว ให้ส่ง PR พร้อมรายละเอียดและแนบภาพหน้าจอหากคุณได้เปลี่ยนแปลงสิ่งใดด้วยการมองเห็น

ใบอนุญาต

MIT © jonthomp, AaronCoplan และผู้มีส่วนร่วม