react live island

Tautan dalam bio ke widget , layar beranda online Anda. ➫? Kee.so

---

React-Live-Island

oleh ? Kee.so

Pulau Dinamis? untuk ⚛️ Bereaksi

Memasang

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

Penggunaan

 import LiveIsland from 'react-live-island' ;

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

Alat peraga

Menopang	Jenis	Bawaan	Keterangan
className	string	''	Nama kelas pulau itu
top	number|string	10	Egde teratas pulau
smallClassName	string	''	Nama kelas pulau kecil
smallWidth	number|string	96	Lebar pulau kecil
smallHeight	number|string	30	Tinggi pulau kecil
largeClassName	string	''	Nama kelas pulau besar
largeWidth	number|string	400	Lebar pulau besar
largeHeight	number|string	180	Tinggi pulau besar
largeRadius	number|string	36	Radius perbatasan pulau besar
wrapperClassName	string	''	Nama kelas seluruh wadah
triggerType	'click'|'hover'	'click'	Mode pemicu untuk terbuka
initialAnimation	boolean	false	Apakah menunjukkan animasi di Enter
onChange	(isSmall: boolean) => void	-	Hubungi saat pulau buka & tutup
children	(isSmall: boolean) => ReactNode	-	Render Funtion untuk mendefinisikan konten pulau itu

Lisensi

Lisensi MIT (C) Nanxiaobei