Component

Neo Tooltip

Contextual hints that pop. Because sometimes your UI needs to explain itself without cluttering the screen.

01 Installation

Copy the source code below. It depends on `framer-motion` for the pop effect.

Source Code

New Component

src/components/neo/

Or switch to the "Code" tab to view manually

Simple Hover

Tooltips can appear on any side of the element: `top`, `bottom`, `left`, or `right`.

Directional Tooltips

Style your tooltips to match their context (or their danger level).

Styled Tooltips

Toolbar Actions

Image Hotspots

Tactical Map

Prop	Type	Default	Description
content	ReactNode	-	The text or element to display inside the tooltip.
position	"top" \| "bottom" \| "left" \| "right"	"top"	Where the tooltip appears relative to the trigger.
variant	"dark" \| "light" \| "lime" \| "pink"	"dark"	Color scheme of the tooltip.