Skip to content
Perimeter Style

Dialog

A modal window that overlays the main content for focused interaction.

Usage

tsx
import { Dialog } from "@/components/ui/dialog";

<Dialog showCloseButton>...</Dialog>
<Dialog showCloseButton>...</Dialog>

Light

Dark

Default

Metrics

Perimeter Api

Dialog Controls

showCloseButton

Examples

Simple Dialog

Without Close Button

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/dialog

Search

Search for components, templates, and more.