dialog-outside-scroll-demo

PreviousNext
Docs
pureuiexample

Preview

Loading preview…
registry/pure-ui/examples/dialog/dialog-outside-scroll-demo.tsx
"use client";

import { useRef } from "react";

import {
  Dialog,
  DialogPopup,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/registry/pure-ui/ui/dialog";

import { Button } from "@/registry/pure-ui/ui/button";

export function DialogOutsideScrollDemo() {
  const popupRef = useRef<HTMLDivElement>(null);

  return (
    <Dialog>
      <DialogTrigger render={<Button />}>Open</DialogTrigger>
    </Dialog>
  );
}

Installation

npx shadcn@latest add @pureui/dialog-outside-scroll-demo

Usage

import { DialogOutsideScrollDemo } from "@/components/dialog-outside-scroll-demo"
<DialogOutsideScrollDemo />