react live island

Enlace en bio a widgets , su pantalla de inicio en línea. ➫? Kee.So

---

React-Live-Island

por ? Kee.So

Isla dinámica? para ⚛️ reaccionar

Instalar

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

Uso

 import LiveIsland from 'react-live-island' ;

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

Accesorios

Apuntalar	Tipo	Por defecto	Descripción
className	string	''	Nombre de clase de la isla
top	number|string	10	Top Egde de la isla
smallClassName	string	''	Nombre de clase de la pequeña isla
smallWidth	number|string	96	Ancho de la pequeña isla
smallHeight	number|string	30	Altura de la pequeña isla
largeClassName	string	''	Nombre de clase de la gran isla
largeWidth	number|string	400	Ancho de la gran isla
largeHeight	number|string	180	Altura de la gran isla
largeRadius	number|string	36	Radio fronterizo de la gran isla
wrapperClassName	string	''	Nombre de clase de todo el contenedor
triggerType	'click'|'hover'	'click'	Modo de activación para abrir
initialAnimation	boolean	false	Si muestra la animación en Enter
onChange	(isSmall: boolean) => void	-	Llame cuando la isla abriera y cierre
children	(isSmall: boolean) => ReactNode	-	Renderizar la función para definir el contenido de la isla

Licencia

Licencia MIT (c) Nanxiaobei