FloatingArrow

Иконка-стрелка для всплывающих окон.

Загружается...

Компонент FloatingArrow следует использовать в случае реализации своего компонента всплывающей подсказки или компонента онбординга.

FloatingArrow отвечает только визуальную составляющую, передавайте соответствующие параметры (свойство coords) для корректного позиционирования компонента рядом с нужным элементом самостоятельно.

СвойствоОписание
coordsCoords

Координаты стрелки.

По умолчанию: -
getRootRefRef<HTMLDivElement>
По умолчанию: -
IconComponentType<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> ); }
iconClassNamestring

className для иконки.

По умолчанию: -
iconStyleCSSProperties

Стили иконки.

По умолчанию: -
isStaticOffsetboolean

Включает абсолютное смещение по offset.

По умолчанию: -
offsetnumber

Сдвиг стрелки относительно текущих координат.

По умолчанию: -
placementPlacement

Расположение всплывающего элемента.

По умолчанию: bottom