import * as React from "react"; import { AlertCircle } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; import { useToast } from "@/hooks/use-toast"; import { FeedbackFormExitIntentDialogTwo } from "@/registry/feedback-form-exit-intent-dialog-two/feedback-form-exit-intent-dialog-two"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; type ComponentProps = React.ComponentPropsWithoutRef< typeof FeedbackFormExitIntentDialogTwo >; type FeedbackFormExitIntentDialogTwoValues = Parameters< NonNullable >[0]; const sliderSteps: NonNullable = [ { value: 1, label: "Leaving" }, { value: 2, label: "Unlikely" }, { value: 3, label: "Unsure" }, { value: 4, label: "Likely" }, { value: 5, label: "Staying" }, ]; export function FeedbackFormExitIntentDialogTwoDemo() { const [open, setOpen] = React.useState(false); const { toast } = useToast(); const handleSubmit = React.useCallback( async ( values: FeedbackFormExitIntentDialogTwoValues & { screenshot?: File | null; }, ) => { await new Promise((resolve) => setTimeout(resolve, 600)); toast({ title: "Feedback noted", description: `Rating ${values.rating} · ${values.comment?.slice(0, 80) ?? "No comment"}`, variant: "default", }); }, [toast], ); const trigger = ( ); return (

Exit intent

Connect the dialog to your exit-intent detector (cursor leaving viewport, tab close, downgrade button).

This demo uses a manual trigger so you can explore the full flow.

toast({ title: "Skipped", description: "Dialog dismissed" }) } secondaryActionLabel="Continue without sharing" />

); } export {}; export default FeedbackFormExitIntentDialogTwoDemo;

Simple