Dialog
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Made by imskyleen
Loading component...
Installation
When to use
Use this decision tree to determine when to use the Dialog component:
Usage
<Dialog>
<DialogTrigger>Open Dialog</DialogTrigger>
<DialogContent>
<DialogHeader>
<DialogTitle>Title</DialogTitle>
<DialogDescription>Description</DialogDescription>
</DialogHeader>
<p>Dialog Content</p>
<DialogFooter>
<button>Close</button>
</DialogFooter>
</DialogContent>
</Dialog>Props
Examples
Default
Loading component...
Delete
Loading component...
Animate UI Props
DialogContent
Prop
Type
Credits
- We use Radix UI for the dialog component.
- We take our inspiration from Shadcn UI for the dialog style.
- We use Animate UI from imskyleen for all the animations.
Built by malinskibeniamin. The source code is available on GitHub.