A tooltip displays a description of an element on hover or focus.
The trigger will wrap both the trigger and the tooltip.
| Prop | Type | Default | Responsive |
|---|---|---|---|
| isDisabled | boolean | - | No |
| delay | number | 600 | No |
| closeDelay | number | 500 | No |
| isOpen | boolean | - | No |
| defaultOpen | boolean | - | No |
| children | ReactNode | - | No |
The tooltip will wrap the content of the tooltip.
| Prop | Type | Default | Responsive |
|---|---|---|---|
| triggerRef | RefObject<Element | null> | - | No |
| isEntering | boolean | - | No |
| isExiting | boolean | - | No |
| placement | toprightbottomleft | - | No |
| containerPadding | number | 12 | No |
| offset | number | 0 | No |
| children | ReactNode | - | No |
| className | string | - | No |
| style | CSSProperties | - | No |