Loading component…
Components /Animated Tooltip
Bouncy SVG-shaped tooltips with spring animations
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/animated-tooltip.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | The trigger label shown inline (usually a word or short phrase). |
| content | React.ReactNode | - | The tooltip body revealed on hover or focus. |
| variant | "cora" | "smaug" | "dori" | "gram" | "indis" | "malva" | "sadoc" | 'cora' | Which shape and animation style to use. |
| accentColor | string | '#6fbb95' | Trigger text color while the tooltip is open. |
| shapeColor | string | 'var(--foreground)' | Fill color of the tooltip bubble. |
| textColor | string | 'var(--background)' | Color of the tooltip text. |
| className | string | - | Additional CSS classes for the inline wrapper. |