@snack-uikit/tooltip NPM | npm.io

0.17.2 • Published 8 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

8 months ago

Tooltip

Installation

npm i @snack-uikit/tooltip

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

Tooltip

Props

name	type	default value	description
tip*	`ReactNode`	-	Содержимое тултипа
disableMaxWidth	`boolean`	-	Отключение ограничения ширины тултипа
className	`string`	-	CSS-класс
triggerClassName	`string`	-	CSS-класс триггера
open	`boolean`	-	Управляет состоянием показан/не показан.
onOpenChange	`(isOpen: boolean) => void`	-	Колбек отображения компонента. Срабатывает при изменении состояния open.
hoverDelayOpen	`number`	-	Задержка открытия по ховеру
hoverDelayClose	`number`	-	Задержка закрытия по ховеру
triggerRef	`ForwardedRef<ReferenceType \\| HTMLElement>`	-	Ref ссылка на триггер
disableSpanWrapper	`boolean`	-	Отключает для `isValidElement` внешнюю обертку триггера Пригодится для элементов с `position: absolute`
fallbackPlacements	`Placement[]`	-	Цепочка расположений которая будет применяться к поповеру от первого к последнему если при текущем он не влезает.
trigger	enum Trigger: `"click"`, `"hover"`, `"focusVisible"`, `"focus"`, `"hoverAndFocusVisible"`, `"hoverAndFocus"`, `"clickAndFocusVisible"`	hoverAndFocusVisible	Условие отображения поповера: - `click` - открывать по клику - `hover` - открывать по ховеру - `focusVisible` - открывать по focus-visible - `focus` - открывать по фокусу - `hoverAndFocusVisible` - открывать по ховеру и focus-visible - `hoverAndFocus` - открывать по ховеру и фокусу - `clickAndFocusVisible` - открывать по клику и focus-visible
placement	enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"`	top	Положение поповера относительно своего триггера (children).
children	`ReactNode \\| ChildrenFunction`	-	Триггер поповера (подробнее читайте ниже)

QuestionTooltip

Props

name	type	default value	description
tip*	`ReactNode`	-	Содержимое тултипа
className	`string`	-	CSS-класс
open	`boolean`	-	Управляет состоянием показан/не показан.
onOpenChange	`(isOpen: boolean) => void`	-	Колбек отображения компонента. Срабатывает при изменении состояния open.
hoverDelayOpen	`number`	-	Задержка открытия по ховеру
hoverDelayClose	`number`	-	Задержка закрытия по ховеру
triggerRef	`ForwardedRef<ReferenceType \\| HTMLElement>`	-	Ref ссылка на триггер
disableSpanWrapper	`boolean`	-	Отключает для `isValidElement` внешнюю обертку триггера Пригодится для элементов с `position: absolute`
fallbackPlacements	`Placement[]`	-	Цепочка расположений которая будет применяться к поповеру от первого к последнему если при текущем он не влезает.
placement	enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"`	top	Положение поповера относительно своего триггера (children).
disableMaxWidth	`boolean`	false	Отключение ограничения ширины тултипа
trigger	enum Trigger: `"click"`, `"hover"`	hover	Условие отображения подсказки
size	enum Size: `"s"`, `"xs"`	xs	Размер
tooltipClassname	`string`	-	CSS-класс контейнера подсказки
triggerDataTestId	`string`	-	data-test-id для триггера
tabIndex	`number`	-

@snack-uikit/icons @snack-uikit/popover-private @snack-uikit/utils classnames uncontrollable

@everything-registry/sub-chunk-847 @snack-uikit/chips @snack-uikit/drawer @snack-uikit/fields @snack-uikit/info-block @snack-uikit/modal @snack-uikit/slider @snack-uikit/tag @snack-uikit/toolbar @snack-uikit/truncate-string @snack-uikit/accordion

0.15.2-preview-042f5ed6.0

1 year ago

0.16.4-preview-3566ac3d.0

11 months ago

9 months ago

0.16.6-preview-0d45398a.0

11 months ago

0.17.3-preview-69fcfa33.0

8 months ago

0.15.6-preview-913f1101.0

1 year ago

0.16.6-preview-04b740ca.0

11 months ago

11 months ago

11 months ago

0.17.2-preview-cf198ddd.0

9 months ago

0.17.2-preview-8cf89a18.0

10 months ago

0.15.4-preview-bb2cdfb8.0

1 year ago

0.17.3-preview-aba585d4.0

8 months ago

0.16.3-preview-922d2ce6.0

11 months ago

0.17.1-preview-790689b4.0

11 months ago

0.16.7-preview-6a400eba.0

11 months ago

0.17.2-preview-2f8a726b.0

9 months ago

0.16.3-preview-f7ec3fa7.0

11 months ago

0.16.6-preview-a0074739.0

11 months ago

0.15.2-preview-7eeb1bc1.0

1 year ago

0.16.3-preview-abb5f7dc.0

11 months ago

0.16.3-preview-b5e187d5.0

11 months ago

0.17.3-preview-2df7e7b5.0

8 months ago

0.15.2-preview-baf754b1.0

1 year ago

0.15.4-preview-38cf19d9.0

1 year ago

0.17.3-preview-e4e8fc7b.0

8 months ago

1 year ago

1 year ago

0.15.2-preview-379c4ff3.0

1 year ago

0.17.2-preview-845a4e8b.0

9 months ago

0.16.3-preview-d479ae3f.0

11 months ago

1 year ago

1 year ago

1 year ago

0.16.6-preview-bc9ca5dd.0

11 months ago

0.16.3-preview-e840ab81.0

11 months ago

0.17.3-preview-9998cc23.0

8 months ago

0.17.2-preview-ef227a87.0

10 months ago

11 months ago

0.17.3-preview-050dc1ef.0

8 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

0.16.2-preview-d9538faf.0

12 months ago

12 months ago

12 months ago

12 months ago

0.15.2-preview-53bd8747.0

1 year ago

0.16.6-preview-27ae78ba.0

11 months ago

0.15.2-preview-4d81b82b.0

1 year ago

0.16.3-preview-a2a64ca4.0

11 months ago

0.16.6-preview-9cd1b89a.0

11 months ago

0.16.3-preview-f228eb9d.0

11 months ago

0.15.2-preview-20b0f520.0

1 year ago

0.16.3-preview-74c13173.0

11 months ago

0.15.3-preview-95f36d41.0

1 year ago

0.13.11-preview-71543426.0

1 year ago

1 year ago

0.13.11-preview-ba12ca94.0

1 year ago

1 year ago

0.13.11-preview-efee0b7d.0

1 year ago

0.13.11-preview-e5174ad1.0

1 year ago

0.13.11-preview-d96c83e8.0

1 year ago

0.13.11-preview-1f246c4a.0

1 year ago

0.13.11-preview-fc25f08d.0

1 year ago

0.13.11-preview-c9b51578.0

1 year ago

0.13.11-preview-7adaddbe.0

1 year ago

0.13.11-preview-3f66d646.0

1 year ago

1 year ago

0.13.10-preview-e9b53c27.0

1 year ago

0.13.5-preview-1a5a24ad.0

2 years ago

0.13.8-preview-963c3343.0

1 year ago

0.13.4-preview-0df2fefa.0

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

0.13.6-preview-d4831186.0

2 years ago

0.13.5-preview-a66ce7a9.0

2 years ago

0.13.7-preview-b09d21bf.0

2 years ago

0.13.4-preview-c6cf83f0.0

2 years ago

0.13.5-preview-767c086a.0

2 years ago

0.13.9-preview-94780dcd.0

1 year ago

2 years ago

0.13.3-preview-8bb3334c.0

2 years ago

2 years ago

0.13.2-preview-cb79db34.0

2 years ago

0.13.2-preview-5b75040d.0

2 years ago

0.13.2-preview-7a18c2ee.0

2 years ago

0.13.2-preview-08779a44.0

2 years ago

0.13.2-preview-82ef7975.0

2 years ago

0.13.2-preview-80576138.0

2 years ago

0.13.2-preview-69abc1d3.0

2 years ago

0.13.2-preview-0a44b2fc.0

2 years ago

0.13.2-preview-2855fb42.0

2 years ago

2 years ago

0.13.1-preview-ed4b1f94.0

2 years ago

2 years ago

2 years ago

0.12.1-preview-84a92753.0

2 years ago

0.12.1-preview-778a0ef6.0

2 years ago

0.12.1-preview-2484f987.0

2 years ago

0.12.1-preview-3cdd8d31.0

2 years ago

2 years ago

0.11.2-preview-993a9cfb.0

2 years ago

2 years ago

0.10.5-preview-3f90b7f1.0

2 years ago

2 years ago

2 years ago

0.10.3-preview-00fa1de0.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.8.1-preview-85c5f47b.0

2 years ago

0.8.1-preview-104ad22c.0

2 years ago