Tooltip Minimal
Clean and simple tooltip with customizable positioning and animations.
Configuring your account...
Please wait while we prepare everything for you
Usage
import TooltipMinimal from './TooltipMinimal';
import { Button } from '@/components/ui/button';
<TooltipMinimal
content="This is a helpful tooltip"
position="top"
delay={500}
>
<Button>Hover me</Button>
</TooltipMinimal>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| content | string | - | Tooltip content text |
| children | ReactNode | - | Element to trigger tooltip |
| position | 'top' | 'bottom' | 'left' | 'right' | 'top' | Tooltip position |
| delay | number | 500 | Delay before showing (ms) |
| className | string | - | Additional CSS classes |
Features
- Clean, minimal design
- Four positioning options
- Smooth animations
- Customizable delay
- Dark mode support
- Arrow indicators
- Responsive positioning