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 لاستخدام المكونات. يوفر السمة والسياق الآخر للمكونات.

يمكنك الحصول على مزيد من المعلومات حول تغيير السمة والخيارات الأخرى في موضوع التخصيص

الوثائق

يمكنك العثور على وثائق مكونات الويب في موقع Kubit UI

قصص

لتشغيل كتاب القصص ، أولاً وقبل كل شيء استنساخ المستودع وتثبيت التبعيات. ثم قم بتشغيل الأمر التالي:

npm run storybook

yarn storybook

سيؤدي ذلك إلى بدء تشغيل خادم Storybook ويمكنك رؤية المكونات قيد التنفيذ.

الاختبارات

لتشغيل الاختبارات ، يمكنك استخدام الأمر التالي:

npm run test

yarn test

سيؤدي ذلك إلى إجراء الاختبارات ويظهر النتائج في المحطة.

المساهمة

نحن منفتحون على المساهمات. إذا كنت ترغب في المساهمة في المشروع ، فيرجى اتباع الخطوات أدناه:

1. شوك The Ropository : انقر فوق الزر "شوكة" في الزاوية اليمنى العليا من صفحة المستودع على Github. سيؤدي ذلك إلى إنشاء نسخة من المستودع في حسابك.

2. استنساخ المستودع : استخدم git clone لاستنساخ المستودع إلى جهازك المحلي.

   git clone

3. إنشاء فرع : استخدم git checkout لإنشاء فرع جديد للتغييرات الخاصة بك.

   git checkout -b < branch-name >

4. قم بإجراء تغييرات : قم بإجراء أي تغييرات ضرورية على قاعدة الشفرة. واختبار التغييرات.

5. التغييرات الالتزام : استخدم git commit بالارتباط بتغييراتك في الفرع.

   git commit -m " Your commit message "

6. تغييرات الدفع : استخدم git push لدفع التغييرات الخاصة بك إلى مستودعك المتشعب.

   git push origin < branch-name >

7. افتح طلب سحب : انتقل إلى المستودع الأصلي على Github وانقر فوق الزر "New Swait Request". املأ النموذج بتفاصيل حول التغييرات الخاصة بك وأرسل طلب السحب.

بمجرد تقديم طلب السحب الخاص بك ، سيراجع المشرف تغييراتك وتقديم ملاحظات. إذا كان كل شيء يبدو جيدًا ، فسيتم دمج طلب السحب الخاص بك وسيصبح تغييراتك جزءًا من المشروع.

لمزيد من المعلومات حول المساهمة في مشاريعنا ، يرجى الرجوع إلى ملف CONTRIBUTING.md .