react live island

Link na biografia aos widgets , sua tela inicial on -line. ➫? kee.so

---

React-Live-Island

por ? kee.so

Ilha Dinâmica? Para ⚛️ React

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 > ;
} ; 

Adereços

Prop	Tipo	Padrão	Descrição
className	string	''	Nome da classe da ilha
top	number|string	10	Egde superior da ilha
smallClassName	string	''	Nome da classe da pequena ilha
smallWidth	number|string	96	Largura da pequena ilha
smallHeight	number|string	30	Altura da pequena ilha
largeClassName	string	''	Nome da classe da grande ilha
largeWidth	number|string	400	Largura da grande ilha
largeHeight	number|string	180	Altura da grande ilha
largeRadius	number|string	36	Raio de fronteira da grande ilha
wrapperClassName	string	''	Nome da classe de todo o contêiner
triggerType	'click'|'hover'	'click'	Modo de gatilho para aberto
initialAnimation	boolean	false	Se mostrar animação no enter
onChange	(isSmall: boolean) => void	-	Ligue quando a ilha aberta e fecha
children	(isSmall: boolean) => ReactNode	-	Renderizar função para definir o conteúdo da ilha

Licença

MIT Licença (c) Nanxiaobei