react live island

온라인 홈 화면 , 위젯 에 바이오를 연결하십시오. ➫? 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