پنجرهٔ گفتگو

const [open, setOpen] = useState(false);

<Button onClick={() => setOpen(true)}>دعوت هم‌تیمی</Button>
<Dialog
open={open}
onOpenChange={setOpen}
title="دعوت به تیم"
description="ایمیل هم‌تیمی را وارد کنید تا دعوت‌نامه برایش ارسال شود."
icon={<UserIcon />}
footer={<>
  <Button variant="secondary" onClick={() => setOpen(false)}>انصراف</Button>
  <Button variant="primary">ارسال دعوت</Button>
</>}
>
<Input label="ایمیل" type="email" autoFocus />
</Dialog>

// تأیید عملیات مخرب
<Dialog tone="danger" size="sm" title="پروژه حذف شود؟" … />

<Dialog placement="end" open={open} onOpenChange={setOpen} title="فیلترها" footer={…}>
…
</Dialog>

<Dialog placement="bottom" …>…</Dialog>