Skip to main content

Variant

Default color stylings available for the ReactTooltip component.

variant can be one of 'dark' | 'light' | 'success' | 'warning' | 'error' | 'info'

import { Tooltip } from 'react-tooltip';

<a
data-tooltip-id="my-tooltip"
data-tooltip-content="Hello world!"
data-tooltip-variant="success"
>
◕‿‿◕
</a>
<Tooltip id="my-tooltip" />
◕‿‿◕◕‿‿◕◕‿‿◕◕‿‿◕◕‿‿◕◕‿‿◕