Tooltip

Hover tooltip built on @kobalte/core.

import { Tooltip } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Loading preview…

Prop	Type	Default	Description
`content` *	`string \| JSX.Element`	—	Tooltip content to display.
`placement`	`'top' \| 'bottom' \| 'left' \| 'right'`	`'top'`	Tooltip placement relative to the trigger.
`delay`	`number`	`300`	Delay before showing tooltip in milliseconds.
`children` *	`JSX.Element`	—	Element that triggers the tooltip.
`class`	`string`	—	Additional CSS classes.
`unstyled`	`boolean`	`false`	Remove all default styling classes.
`open`	`boolean`	—	Control open state externally.
`onOpenChange`	`(open: boolean) => void`	—	Callback when open state changes.

* required prop.

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.