Scrollable Dialog

1import {
2  ScrollableDialog,
3  ScrollableDialogHeader,
4  ScrollableDialogContent,
5  ScrollableDialogFooter,
6  DialogTitle,
7  DialogDescription,
8} from "@/components/qiuye-ui/scrollable-dialog";
9import { useState } from "react";
10import { Button } from "@/components/ui/button";

1const [open, setOpen] = useState(false);
2
3return (
4  <>
5    <Button onClick={() => setOpen(true)}>打开对话框</Button>
6    <ScrollableDialog open={open} onOpenChange={setOpen}>
7      <ScrollableDialogHeader>
8        <DialogTitle>标题</DialogTitle>
9        <DialogDescription>描述</DialogDescription>
10      </ScrollableDialogHeader>
11      
12      <ScrollableDialogContent>
13        {/* 可滚动的内容 */}
14        <p>这里是对话框的内容</p>
15      </ScrollableDialogContent>
16      
17      <ScrollableDialogFooter>
18        <Button onClick={() => setOpen(false)}>确认</Button>
19      </ScrollableDialogFooter>
20    </ScrollableDialog>
21  </>
22);