kimia UI
1.0.0
CSS Tailwind هو إطار عمل CSS الأول في الأداة المساعدة لبناء واجهات مستخدم مخصصة بسرعة. يتيح لك IL كتابة أسلوبك دون مغادرة HTML.
إن أكبر عيب في CSS Tailwind هو خطر وجود فئات طويلة جدًا من شأنها أن تجعل رمزنا غير قابل للقراءة بما فيه الكفاية.
نظرًا لأن React يعتمد على المكونات ، يمكننا استخراج منطق المكون مع فئاتها وإعادة استخدامها في مكان آخر مما سيؤدي إلى مزيد من الكود القابل للقراءة مع المزيد من المكونات والفئات الأقل.
لهذا السبب قمت بإنشاء هذه المجموعة من مكونات واجهة المستخدم القابلة للتخصيص بالكامل. فقط نسخ ولصق مكونًا تريد استخدامه
جميع المكونات موجودة في دليل الحزم .
يحتوي كل مكون على 2 مكون فرعي
أمثلة : يحتوي على أمثلة لكل متغير للمكون في TypeScript
قصاصات : تحتوي على أمثلة لكل متغير من المكون في رد فعل عادي
لإضافة مكون جديد:
قم بإنشاء دليلك الجديد في SRC/Packages/{YourComponentName}
قم بإنشاء ملفك الجديد (المسار) في SRC/Pages/Components/{اسم المكون الخاص بك} . بعد ذلك ، ستقوم باستيراد جميع الأمثلة والمقتطفات لمكونك
هذه المكونات متوافقة مع جميع المتصفحات
| الكروم | Firefox | حافة | سفاري | الأوبرا |
|---|---|---|---|---|
 |
إذا كنت ترغب في المساهمة في المشروع ، أو إصلاح الأخطاء ، أو تحسين إمكانية الوصول أو فتح مشكلة ، فيرجى اتباع دليل المساهمة لدينا
أولاً ، قم بتشغيل خادم التطوير:
npm run dev
# or
yarn devافتح http: // localhost: 3000 مع متصفحك لرؤية النتيجة.
