---
title: Dialog
airtableId: rechCoaoEMZLnLChR
---
import { Dialog } from "@calcom/ui/components/dialog"
import { RenderComponentWithSnippet } from "@/app/components/render"
import { Row } from "@/app/components/row"
import { BasicExample } from "./dialog.basic"
import { LargeContentExample } from "./dialog.largeContent"
import { FormExample } from "./dialog.form"
import { ConfirmationExample } from "./dialog.confirmation"

## Basic Dialog

A simple dialog with a title, description, and action buttons.

<BasicExample/>

## Large Content Dialog

A dialog that can handle scrollable content, such as terms and conditions.

<LargeContentExample/>

## Form Dialog

A dialog containing a form for user input.

<FormExample/>

## Confirmation Dialog

A dialog for confirming destructive actions.

<ConfirmationExample/>