Загружается...
Использование
Компонент 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 |