kubit react components

---

เริ่มต้น

การติดตั้ง

ในการติดตั้งแพ็คเกจให้เรียกใช้คำสั่งต่อไปนี้:

NPM

npm install @kubit-ui-web/react-components

เส้นด้าย

yarn add @kubit-ui-web/react-components

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

การใช้งาน

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

 import { Button , KubitProvider } from '@kubit-ui-web/react-components' ;
import React from 'react' ;

const App = ( ) => {
  return (
    < KubitProvider >
      < Button variant = "PRIMARY" size = "MEDIUM" >
        Click me
      </ Button >
    </ KubitProvider >
  ) ;
} ;

export default App ;

สิ่งนี้จะทำให้ปุ่มด้วยรูปแบบและฟังก์ชั่นเริ่มต้น

หมายเหตุ: KubitProvider จำเป็นต้องใช้ส่วนประกอบ มันให้ธีมและบริบทอื่น ๆ กับส่วนประกอบ

คุณสามารถ foud ข้อมูลเพิ่มเติมเกี่ยวกับการเปลี่ยนแปลงธีมและตัวเลือกอื่น ๆ ในชุดรูปแบบการปรับแต่ง

เอกสาร

คุณสามารถค้นหาเอกสารสำหรับส่วนประกอบเว็บในเว็บไซต์ Kubit UI

หนังสือนิทาน

ในการเรียกใช้หนังสือนิทานก่อนอื่นของโคลนทั้งหมดที่เก็บและติดตั้งการพึ่งพา จากนั้นเรียกใช้คำสั่งต่อไปนี้:

npm run storybook

yarn storybook

สิ่งนี้จะเริ่มต้นเซิร์ฟเวอร์นิทานและคุณสามารถเห็นส่วนประกอบที่ใช้งานได้

การทดสอบ

ในการเรียกใช้การทดสอบคุณสามารถใช้คำสั่งต่อไปนี้:

npm run test

yarn test

สิ่งนี้จะเรียกใช้การทดสอบและแสดงผลลัพธ์ในเทอร์มินัล

การบริจาค

เราเปิดรับการบริจาค หากคุณต้องการมีส่วนร่วมในโครงการโปรดทำตามขั้นตอนด้านล่าง:

1. ส้อมที่เก็บ : คลิกปุ่ม "ส้อม" ที่มุมบนขวาของหน้า repository บน GitHub สิ่งนี้จะสร้างสำเนาของที่เก็บในบัญชีของคุณ

2. โคลนที่เก็บ : ใช้ git clone เพื่อโคลนที่เก็บไปยังเครื่องในพื้นที่ของคุณ

   git clone

3. สร้างสาขา : ใช้ git checkout เพื่อสร้างสาขาใหม่สำหรับการเปลี่ยนแปลงของคุณ

   git checkout -b < branch-name >

4. ทำการเปลี่ยนแปลง : ทำการเปลี่ยนแปลงที่จำเป็นใด ๆ กับ codebase และ ทดสอบ การเปลี่ยนแปลง

5. กระทำการเปลี่ยนแปลง : ใช้ git commit ที่จะกระทำการเปลี่ยนแปลงของคุณไปยังสาขา

   git commit -m " Your commit message "

6. การเปลี่ยนแปลงแบบพุช : ใช้ git push เพื่อผลักดันการเปลี่ยนแปลงของคุณไปยังที่เก็บข้อมูลของคุณ

   git push origin < branch-name >

7. เปิดคำขอดึง : ไปที่ที่เก็บต้นฉบับบน GitHub และคลิกปุ่ม "ขอดึงใหม่" กรอกแบบฟอร์มพร้อมรายละเอียดเกี่ยวกับการเปลี่ยนแปลงของคุณและส่งคำขอดึง

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

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการมีส่วนร่วมในโครงการของเราโปรดดูไฟล์ CONTRIBUTING.md