Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/tooltip.json
Usage
import { Tooltip } from "@/components/ui/tooltip";<Tooltip content="Save your current progress" position="top" isVisible={true}>
<Text bold>[S] Save</Text>
</Tooltip>API Reference
Tooltip
| Prop | Type | Default |
|---|---|---|
children | ReactNode | required |
content | string | required |
position | "top" | "bottom" | "left" | "right" | "top" |
isVisible | boolean | false |
borderStyle | "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "single" |
borderColor | string | undefined |
paddingX | number | 1 |
paddingY | number | 0 |
gap | number | 1 |
arrowDown | string | "↓" |
arrowUp | string | "↑" |