@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 - открыт ли тултип |