Tooltip

Tooltip is an overlay for brief supporting text, like explaining an icon button or a truncated label. It appears while the trigger is hovered or has keyboard focus.

Import

import { Tooltip } from '@vortexlabs/vortex';
import type { TooltipProps } from '@vortexlabs/vortex';

Other links

Storybook

Documentation

Properties

Tooltip props
Prop	Type	Default
`children`	`callback`	No default value
`text`	`React.ReactNode`	No default value
`position`	`union`	`bottom-center`
`maxWidth`	`union`	`22.5rem`
`disabled`	`boolean`	No default value
`active`	`boolean`	No default value
`onOpen`	`callback`	No default value
`onClose`	`callback`	No default value
`contentGap`	`number`	`2`
`contentShift`	`number`	No default value
`contentHoverDisabled`	`boolean`	No default value
`id`	`string`	No default value
`containerRef`	`ref`	`document.body`
`positionRef`	`ref`	No default value
`originCoordinates`	`object`	No default value
`instanceRef`	`ref`	No default value
`contentAttributes`	`object`	No default value
`contentClassName`	`string`	No default value