0.17.2 • Published 28 days ago

@snack-uikit/tooltip v0.17.2

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
28 days ago

Tooltip

Installation

npm i @snack-uikit/tooltip

Changelog

Компонент Tooltip использует под собой компонент PopoverPrivate (readme ниже);

Tooltip

Props

nametypedefault valuedescription
tip*ReactNode-Содержимое тултипа
disableMaxWidthboolean-Отключение ограничения ширины тултипа
classNamestring-CSS-класс
triggerClassNamestring-CSS-класс триггера
openboolean-Управляет состоянием показан/не показан.
onOpenChange(isOpen: boolean) => void-Колбек отображения компонента. Срабатывает при изменении состояния open.
hoverDelayOpennumber-Задержка открытия по ховеру
hoverDelayClosenumber-Задержка закрытия по ховеру
triggerRefForwardedRef<ReferenceType \| HTMLElement>-Ref ссылка на триггер
disableSpanWrapperboolean-Отключает для isValidElement внешнюю обертку триггера Пригодится для элементов с position: absolute
fallbackPlacementsPlacement[]-Цепочка расположений которая будет применяться к поповеру от первого к последнему если при текущем он не влезает.
triggerenum Trigger: "click", "hover", "focusVisible", "focus", "hoverAndFocusVisible", "hoverAndFocus", "clickAndFocusVisible"hoverAndFocusVisibleУсловие отображения поповера: - click - открывать по клику - hover - открывать по ховеру - focusVisible - открывать по focus-visible - focus - открывать по фокусу - hoverAndFocusVisible - открывать по ховеру и focus-visible - hoverAndFocus - открывать по ховеру и фокусу - clickAndFocusVisible - открывать по клику и focus-visible
placementenum Placement: "left", "left-start", "left-end", "right", "right-start", "right-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end"topПоложение поповера относительно своего триггера (children).
childrenReactNode \| ChildrenFunction-Триггер поповера (подробнее читайте ниже)

QuestionTooltip

Props

nametypedefault valuedescription
tip*ReactNode-Содержимое тултипа
classNamestring-CSS-класс
openboolean-Управляет состоянием показан/не показан.
onOpenChange(isOpen: boolean) => void-Колбек отображения компонента. Срабатывает при изменении состояния open.
hoverDelayOpennumber-Задержка открытия по ховеру
hoverDelayClosenumber-Задержка закрытия по ховеру
triggerRefForwardedRef<ReferenceType \| HTMLElement>-Ref ссылка на триггер
disableSpanWrapperboolean-Отключает для isValidElement внешнюю обертку триггера Пригодится для элементов с position: absolute
fallbackPlacementsPlacement[]-Цепочка расположений которая будет применяться к поповеру от первого к последнему если при текущем он не влезает.
placementenum Placement: "left", "left-start", "left-end", "right", "right-start", "right-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end"topПоложение поповера относительно своего триггера (children).
disableMaxWidthbooleanfalseОтключение ограничения ширины тултипа
triggerenum Trigger: "click", "hover"hoverУсловие отображения подсказки
sizeenum Size: "s", "xs"xsРазмер
tooltipClassnamestring-CSS-класс контейнера подсказки
triggerDataTestIdstring-data-test-id для триггера
tabIndexnumber-
0.17.2

2 months ago

0.17.0

4 months ago

0.17.1

4 months ago

0.15.4

6 months ago

0.15.5

6 months ago

0.15.1

8 months ago

0.15.2

7 months ago

0.15.3

7 months ago

0.16.3

4 months ago

0.16.4

4 months ago

0.16.5

4 months ago

0.16.6

4 months ago

0.16.7

4 months ago

0.16.8

4 months ago

0.16.0

5 months ago

0.16.1

5 months ago

0.16.2

5 months ago

0.15.0

8 months ago

0.14.0

8 months ago

0.13.10

10 months ago

0.13.6

1 year ago

0.13.7

12 months ago

0.13.8

10 months ago

0.13.9

10 months ago

0.13.4

1 year ago

0.13.5

1 year ago

0.13.3

1 year ago

0.13.2

1 year ago

0.13.1

1 year ago

0.13.0

1 year ago

0.12.1

1 year ago

0.12.0

1 year ago

0.11.1

1 year ago

0.11.0

1 year ago

0.10.4

1 year ago

0.10.3

2 years ago

0.10.2

2 years ago

0.10.1

2 years ago

0.10.0

2 years ago

0.9.1

2 years ago

0.9.0

2 years ago