Components
Tooltip attached to any interactive element by passing its attributes to the trigger. Shows on hover with automatic viewport-aware repositioning, supports a configurable position, and can wrap disabled elements via the Actionable utility to keep them accessible.
npx @21st-dev/cli add reshaped/reshaped-tooltipLoading preview...
import { Button, Reshaped } from "reshaped/bundle";
import Tooltip from "@/components/ui/reshaped-tooltip";
export default function Demo() {
return (
<Reshaped theme="slate">
<div style={{ minHeight: 320, display: "flex", alignItems: "center", justifyContent: "center", padding: 24 }}>
<Tooltip text="Tooltip content">
{(attributes) => <Button attributes={attributes}>Trigger</Button>}
</Tooltip>
</div>
</Reshaped>
);
}