Overlays

Hover Card

Rich preview on hover.

Primitive

@radix-ui/react-hover-card

Rich preview on hover.

API Reference

Prop	Type	Default	Description
`align`	`"start" \| "center" \| "end"`	`"center"`	Horizontal alignment relative to trigger.
`sideOffset`	`number`	`4`	Distance from trigger in pixels.

Hover context for dense UIs.

Floating panel for inline editing and filters.

User/team identity with fallback initials.

import { HoverCard } from "@doss/tetris-ui";