react live island

Ссылка в Bio на виджеты , ваш домашний онлайн -экран . ➫? gee.so

---

Реакция-житель острова

к ? gee.so

Динамичный остров? для ⚛ реагировать

Установить

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

Использование

 import LiveIsland from 'react-live-island' ;

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

Реквизит

Проп	Тип	По умолчанию	Описание
className	string	''	Название класса острова
top	number|string	10	Лучший egde острова
smallClassName	string	''	Название класса маленького острова
smallWidth	number|string	96	Ширина маленького острова
smallHeight	number|string	30	Высота небольшого острова
largeClassName	string	''	Название класса большого острова
largeWidth	number|string	400	Ширина большого острова
largeHeight	number|string	180	Высота большого острова
largeRadius	number|string	36	Радиус границы большого острова
wrapperClassName	string	''	Название класса всего контейнера
triggerType	'click'|'hover'	'click'	Срабатывать режим для открытия
initialAnimation	boolean	false	Показать анимацию на Enter
onChange	(isSmall: boolean) => void	-	Позвонить, когда остров открыт и закрывается
children	(isSmall: boolean) => ReactNode	-	Отводить функцию для определения содержания острова

Лицензия

Лицензия MIT (C) Nanxiaobei