Tooltip

Short supporting text for unfamiliar controls.

$npx shadcn@latest add @silicon-ui/tooltip

hintoverlay

Installation

$npx shadcn@latest add @silicon-ui/tooltip

Install the dependencies.
$npm install @radix-ui/react-tooltip motion
Copy these files into your project. Shared files are skipped if you already have them.
- components/silicon-ui/tooltip/tooltip.tsx
- components/silicon-ui/tooltip/tooltip.module.css
Install the foundation once per app for the design and motion tokens: $npx shadcn@latest add @silicon-ui/silicon-foundation

Source codetsx

import { Tooltip } from "@/components/silicon-ui/tooltip/tooltip";