Components
Shared Element Transition Dialog
A dependency-free hold-to-delete dialog with shared-element transitions, native dialog semantics, Shadow DOM, and reduced-motion support.
import SharedElementTransitionDialog from "@/components/ui/shared-element-transition-dialog";
export default function SharedElementTransitionDialogDemo() {
return (
<SharedElementTransitionDialog
open
showReset
itemName="North Star project"
holdDuration={1000}
/>
);
}