react live island

Link in Bio mit Widgets , Ihrem Online -Startbildschirm . ➫? kee.so

---

React-Live-Island

von ? kee.so

Dynamische Insel? für ⚛️ reagieren

Installieren

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

Verwendung

 import LiveIsland from 'react-live-island' ;

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

Requisiten

Stütze	Typ	Standard	Beschreibung
className	string	''	Klassenname der Insel
top	number|string	10	Top Egde der Insel
smallClassName	string	''	Klassenname der kleinen Insel
smallWidth	number|string	96	Breite der kleinen Insel
smallHeight	number|string	30	Höhe der kleinen Insel
largeClassName	string	''	Klassenname der großen Insel
largeWidth	number|string	400	Breite der großen Insel
largeHeight	number|string	180	Höhe der großen Insel
largeRadius	number|string	36	Grenzradius der großen Insel
wrapperClassName	string	''	Klassenname des gesamten Containers
triggerType	'click'|'hover'	'click'	Triggermodus für Öffnen
initialAnimation	boolean	false	Ob Animiation auf Eingabetaste anzeigen
onChange	(isSmall: boolean) => void	- -	Rufen Sie an, wenn die Insel öffnet und schließen
children	(isSmall: boolean) => ReactNode	- -	Funktionen zur Definition des Inhalts der Insel machen

Lizenz

MIT -Lizenz (c) Nanxiaobei