react-auto-tooltip
Tooltip component for react
The position of the tooltip is calculated automatically.
Install
npm install --save react-auto-tooltip
Usage
import { Tooltip } from 'react-auto-tooltip';
<Tooltip message="Tooltip message">hello</Tooltip>;
props
Name | Type | Default | Description |
---|---|---|---|
visible | boolean | Whether the floating tooltip card is visible or not | |
message | ReactNode | The text shown in the tooltip | |
clickMode | boolean | false |
Tooltip trigger click mode |
defaultVisible | boolean | false |
Whether the floating tooltip is visible by default |
zIndex | number | 1000 |
Config z-index of Tooltip |
backgroundColor | string | rgba(0, 0, 0, 0.9) |
The background color |
style | CSSProperties | ||
className | string | ||
onVisible | (visible: boolean) => void | Callback executed when visibility of the tooltip card is changed | |
onClickMessage | () => void | Set the handler to handle click tooltip message |
License
MIT © almond-bongbong