الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

رابط في السيرة الذاتية إلى واجهة المستخدم ، شاشتك الرئيسية عبر الإنترنت. ➫؟ كي

رد الفعل-الجزر

بواسطة ؟ كي

جزيرة ديناميكية؟ ل ⚛ رد فعل

ثَبَّتَ 

pnpm add react-live-island
# or
yarn add react-live-island
# or
npm i react-live-island

الاستخدام 

 import LiveIsland from 'react-live-island' ;

const Demo = ( ) => {
  return < LiveIsland > { ( isSmall ) => ( isSmall ? 'small' : 'large' ) } < / LiveIsland > ;
} ;

الدعائم

دعم يكتب تقصير وصف
className string '' اسم الفصل للجزيرة
top number|string 10 أعلى egde من الجزيرة
smallClassName string '' اسم الفصل للجزيرة الصغيرة
smallWidth number|string 96 عرض الجزيرة الصغيرة
smallHeight number|string 30 ارتفاع الجزيرة الصغيرة
largeClassName string '' اسم الفصل للجزيرة الكبيرة
largeWidth number|string 400 عرض الجزيرة الكبيرة
largeHeight number|string 180 ارتفاع الجزيرة الكبيرة
largeRadius number|string 36 دائرة نصف قطر الحدود للجزيرة الكبيرة
wrapperClassName string '' اسم الفصل للحاوية بأكملها
triggerType 'click'|'hover' 'click' وضع التشغيل للفتح
initialAnimation boolean false ما إذا كانت تظهر الرسوم المتحركة عند إدخال
onChange (isSmall: boolean) => void - اتصل عندما تفتح الجزيرة وتغلق
children (isSmall: boolean) => ReactNode - تقديم الترون لتحديد محتوى الجزيرة

رخصة

ترخيص معهد ماساتشوستس للتكنولوجيا (ج) nanxioobei

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل