Inputs & feedback
Tooltip
Hover or focus to reveal. Glass-strong surface, configurable delay, four positions. Renders through `createPortal(document.body)` to escape any backdrop-filter ancestor.
Tooltip is the hover/focus reveal. Spring-entrance, glass-strong surface, four positions (top, bottom, left, right), configurable delay. The component renders through createPortal(document.body) so backdrop-filter ancestors don't form a containing block that clips it — a common bug that the kit's portal pattern dodges.
Live preview
Example
tsx
import { Tooltip, Button } from '@kidcash/ui';
<Tooltip content="Adds $5 to this kid's allowance" placement="top">
<Button variant="secondary">+ $5</Button>
</Tooltip>Want all 27 in one place?
The home playground shows every component side-by-side. Or install @kidcash/ui and use Tooltip in your own app.