Загружается...
Использование
Компонент FloatingArrow
следует использовать в случае реализации своего компонента всплывающей подсказки или
компонента онбординга.
FloatingArrow
отвечает только визуальную составляющую, передавайте соответствующие параметры (свойство coords
) для
корректного позиционирования компонента рядом с нужным элементом самостоятельно.
Свойства и методы
Свойство | Описание |
---|---|
coords | Coords Координаты стрелки. По умолчанию: - |
getRootRef | Ref<HTMLDivElement> По умолчанию: - |
Icon | ComponentType<SVGAttributes<SVGSVGElement>> Иконка для отображения стрелки. По умолчанию: (props: React.SVGAttributes<SVGSVGElement>): React.ReactNode => {
return (
<svg
width={DEFAULT_ARROW_WIDTH}
height={ARROW_HEIGHT_WITH_WHITE_SPACE}
viewBox={`0 0 ${DEFAULT_ARROW_WIDTH} ${ARROW_HEIGHT_WITH_WHITE_SPACE}`}
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path d="M10 0c3 0 6 8 10 8v1H0V8c3.975 0 7-8 10-8Z" fill="currentColor" />
</svg>
);
} |
iconClassName | string
По умолчанию: - |
iconStyle | CSSProperties Стили иконки. По умолчанию: - |
isStaticOffset | boolean Включает абсолютное смещение по По умолчанию: - |
offset | number Сдвиг стрелки относительно текущих координат. По умолчанию: - |
placement | Placement Расположение всплывающего элемента. По умолчанию: bottom |