tooltip-ffbe66 — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited tooltip-ffbe66 (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Hover tooltip with Floating UI positioning, animated entrance/exit, enter/leave delays, and follow-cursor mode. Global state ensures only one tooltip is visible at a time.
import { Tooltip } from 'reablocks';| Prop | Type | Default | Description | |
|---|---|---|---|---|
content | `ReactNode \ | (() => ReactNode)` | — | Tooltip content |
children | ReactNode | — | Trigger element | |
placement | Placement | 'top' | Floating UI placement | |
trigger | `TriggerTypes \ | TriggerTypes[]` | 'hover' | Trigger type(s) |
enterDelay | number | 0 | Delay before showing (ms) | |
leaveDelay | number | 200 | Delay before hiding (ms) | |
visible | boolean | false | External visibility control | |
disabled | boolean | false | Disable the tooltip | |
followCursor | boolean | false | Follow mouse cursor | |
closeOnClick | boolean | false | Close on content click | |
closeOnBodyClick | boolean | true | Close on outside click | |
closeOnEscape | boolean | true | Close on Escape key | |
animated | boolean | true | (deprecated) Enable animation | |
animation | MotionNodeAnimationOptions | — | Custom animation config | |
className | string | — | Tooltip content CSS classes | |
triggerClassName | string | — | Trigger wrapper CSS classes | |
reference | `HTMLElement \ | ReferenceObject` | — | External reference element |
modifiers | Modifiers | — | Floating UI middleware | |
onOpen | () => void | — | Open callback | |
onClose | () => void | — | Close callback | |
theme | TooltipTheme | — | Per-instance theme override |
<Tooltip content="Helpful tip">
<Button>Hover me</Button>
</Tooltip><Tooltip content="Top" placement="top">...</Tooltip>
<Tooltip content="Bottom" placement="bottom">...</Tooltip>
<Tooltip content="Left" placement="left">...</Tooltip>
<Tooltip content="Right" placement="right">...</Tooltip><Tooltip content="Delayed tooltip" enterDelay={500} leaveDelay={100}>
<span>Hover me</span>
</Tooltip><Tooltip content="Following..." followCursor>
<div className="w-64 h-32 bg-gray-200">Move mouse here</div>
</Tooltip><Tooltip content={() => (
<div>
<strong>Title</strong>
<p>Detailed description</p>
</div>
)}>
<span>Hover for details</span>
</Tooltip>interface TooltipTheme {
base: string; // Tooltip styles (whitespace, text-center, padding, rounded, bg, text)
disablePointer: string; // Pointer-events-none (applied to portal when pointerEvents='none')
}~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.