الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

ليل واجهة المستخدم

مجموعة من المكونات الأساسية للغاية لمشاريع React.

مصممة لاستخدامها خارج الصندوق أو بطريقة واجهة مستخدم DIY مع Tailwindcss أو المكونات المصممة.

→ التجريبي والوثائق

تثبيت 

 yarn add lil-ui
npm install lil-ui

عناصر

  • وسيط
  • جزء
  • زر

وسيط

دعم يكتب القيمة الافتراضية خيارات
show boolean false

true أن إظهار الوسيط

false لإخفاء الوسيطة

children string / component -
يمكن تمرير المحتوى الوسيط كأطفال
titleComponent component -
مكون مخصص للعنصر المشروط
backdropComponent component -
مكون مخصص للخلفية المشروطة
title string -
عنوان مشروط
onClose function -
وظيفة لتشغيلها عند إغلاق الوسائط
hideBackdrop boolean - تم تعيينه على صدق للحصول على خلفية شفافة
modalWidth string 500 بكسل تعيين عرض مخصص للوسائط ، على سبيل المثال 600 بكسل

جزء

دعم يكتب القيمة الافتراضية خيارات
show boolean false

true أن إظهار الوسيط

false لإخفاء الوسيطة

children string / component -
يمكن تمرير المحتوى الوسيط كأطفال
titleComponent component -
مكون مخصص للعنصر المشروط
backdropComponent component -
مكون مخصص للخلفية المشروطة
title string -
عنوان مشروط
onClose function -
وظيفة لتشغيلها عند إغلاق الوسائط
hideBackdrop boolean - تم تعيينه على صدق للحصول على خلفية شفافة
paneWidth string 500 بكسل تعيين عرض مخصص للوسائط ، على سبيل المثال 600 بكسل
position string - تم تعيين left لإظهار جزء من اليسار

زر

دعم يكتب القيمة الافتراضية خيارات
className string - أسماء الفصول المخصصة لعلامة button
onClick function - وظيفة يتم استدعاؤها عند النقر فوق الزر
style object - كائن من الأساليب المضمنة للتقدم على علامة button
children string / component - تسمية للزر
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل