Tooltip

Below is a minimal and simple tooltip component

Tooltip

Installation

$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/Tooltip.json

Props

PropTypeisCompulsoryDescription
children
React.ReactNode
true

The children that is wrapped inside the component's opening and closing tags

text
string
true

the tooltip text content displayed on hover

theme
"dark" | "light"
true

set's the light or dark theme of the tooltip

position
"top" | "bottom" | "left" | "right"
true

set's the tooltip's position relative to the hover element

Usage