Dialogs
Dialog and modal blocks for shadcn/ui. Confirmations, destructive actions, forms inside dialogs, sharing, scheduling, and multi-step wizards. Built for shadcn/ui.
A centred success dialog built with shadcn/ui Dialog, DialogHeader, DialogDescription, DialogFooter and Button. A round icon badge sits above the title and a single full-width DialogClose button returns the user to the previous screen. Ideal for confirming a completed publish, payment or submission.
A warning dialog using shadcn/ui Dialog, DialogTitle, DialogDescription, DialogFooter and Button. An alert icon in a destructive-tinted circle sits beside the copy, with an outline cancel button and a destructive confirm button. Use it before archiving, disabling or removing something important.
A compact edit dialog built with shadcn/ui Dialog, Label, Input and Button. The single text field shows a fixed domain prefix next to an editable handle and submits through a full-width primary button in the DialogFooter. Suited to renaming slugs, handles or short profile fields.
A centred status dialog using shadcn/ui Dialog, DialogHeader, DialogDescription, DialogFooter and Button. A primary-tinted icon badge and balanced heading are followed by two equal-width DialogClose buttons that stack on mobile and sit side by side on desktop. Good for scheduled or queued-action confirmations.
A destructive AlertDialog from shadcn/ui combined with Label, Input and Button. The user must enter their password, with a show/hide toggle, before the destructive submit button closes the dialog. AlertDialogCancel provides the escape route. Use it to guard irreversible deletions.
A creation dialog built with shadcn/ui Dialog, Label, Input, Button and Switch. The main area collects a required name and submits with a full-width button, while a muted footer band holds a Switch with label and helper text for an unlisted/private option. Works well for creating workspaces, shows or projects.
A team invite dialog using shadcn/ui Dialog, Input, Button, Avatar and Badge. An email input with a leading icon and send button sits above a divided list of current collaborators showing avatar, name, email and an outline role badge. Ideal for sharing access to a project or workspace.
A security confirmation built on the shadcn/ui AlertDialog with Label, Input and Button. It shows the account email in a disabled field and asks for the password, with a visibility toggle, before a destructive submit button applies the change. Use it for sensitive settings like turning off two-factor authentication.
A share dialog built with shadcn/ui Dialog, Input, Switch, Tooltip and Button. A read-only link input includes an inline copy button with an animated check state and tooltip, a Switch controls commenting, and two footer buttons copy the link or open a preview. Great for sharing drafts or previews.
A scheduling form dialog using shadcn/ui Dialog, Input, Textarea, Label, Popover, Calendar, Select and Button. Users pick a date from a Calendar inside a Popover, choose a start time from a popper-positioned Select, and add guests, location and notes before booking. Suited to meetings, recordings and appointments.
A two-column configuration dialog built with shadcn/ui Dialog, Select, Label, Separator and Button. The left pane summarises the setup with an icon, description and footer actions, while the right pane walks through four numbered Select steps for format, cadence, distribution and transcripts. Ideal for guided project or show creation.
A profile dialog using shadcn/ui Dialog, Avatar, Input, Label and Button. A large Avatar with an overlaid add/remove control and hidden file input lets users upload a photo, while name and role fields sit alongside with cancel and save actions. Use it for adding hosts, authors or team members.