react live island

Lien dans Bio aux widgets , votre écran d'accueil en ligne. ➫? Kee.so

---

React-Live-Island

par ? Kee.so

Île dynamique? pour ⚛️ réagir

Installer

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

Usage

 import LiveIsland from 'react-live-island' ;

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

Accessoires

Soutenir	Taper	Défaut	Description
className	string	''	Nom de la classe de l'île
top	number|string	10	Top Egde de l'île
smallClassName	string	''	Nom de la classe de la petite île
smallWidth	number|string	96	Largeur de la petite île
smallHeight	number|string	30	Hauteur de la petite île
largeClassName	string	''	Nom de la classe de la grande île
largeWidth	number|string	400	Largeur de la grande île
largeHeight	number|string	180	Hauteur de la grande île
largeRadius	number|string	36	Rayon frontalier de la grande île
wrapperClassName	string	''	Nom de la classe de l'ensemble du conteneur
triggerType	'click'|'hover'	'click'	Mode de déclenchement pour l'ouverture
initialAnimation	boolean	false	Si montrer l'animation sur Entrée
onChange	(isSmall: boolean) => void	-	Appelez lorsque l'île s'ouvre et ferme
children	(isSmall: boolean) => ReactNode	-	Rendre les fonds pour définir le contenu de l'île

Licence

Licence du MIT (c) Nanxiaobei