Components

Tooltip

Anchored tooltip that waits `delay` ms, then drifts in with a slight rise toward its anchor.

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal

npx lumora-ui@latest add tooltip

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx

import { Tooltip } from "@lumora/ui/components/tooltip";
// or from the barrel:
import { Tooltip } from "@lumora/ui";

Props worth knowing

Wrap a single element; content fills the bubble. side picks the preferred edge (default "top") and flips automatically when the viewport is tight; delay is the hover wait in ms (default 300). Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.