0.2.0 • Published 3 years ago
@n3/react-tooltip v0.2.0
@n3/react-tooltip
Компонент для создания всплывающих подсказок для приложений на базе @n3/kit.
import Tooltip from '@n3/react-tooltip';
...
<Tooltip
tooltip="Подсказка"
>
{({
innerProps,
ref,
}) => (
<span
{...innerProps}
ref={ref}
>
Наведите, чтобы увидеть подсказку
</span>
)}
</Tooltip>Props
| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|---|---|---|---|---|
| tooltip | + | node | Контент тултипа | |
| placement | string | 'bottom' | Расположение popper-компонента | |
| popperStyle | objectOf { any} | {} | Дополнительные стили popper-компонента | |
| popperProps | objectOf { any} | {} | Дополнительные опции popper-компонента | |
| children | + | func | Функция рендера тултипа@param {Object} renderProps@param {Object} renderProps.ref - ref dom-элемента, открывающего тултип@param {Object} renderProps.innerProps - props, которые должны переданы dom-элементу, открывающему тултип@param {boolean} renderProps.isOpen - открыт ли тултип |