หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ลิงค์ใน Bio to Widgets หน้าจอหลัก ออนไลน์ของคุณ ? kee.so

ตอบโต้

โดย ? kee.so

เกาะไดนามิก? สำหรับ⚛ตอบสนอง

ติดตั้ง 

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 ไม่ว่าจะแสดงภาพเคลื่อนไหวบน Enter
onChange (isSmall: boolean) => void - โทรหาเมื่อเกาะเปิดและปิด
children (isSmall: boolean) => ReactNode - แสดงความคิดเห็นเพื่อกำหนดเนื้อหาของเกาะ

ใบอนุญาต

ใบอนุญาต MIT (C) NanxiaObei

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด