Search

Search components and blocks

Sign in

Built from the Dialog and Switch components.

Delete Project Confirmation

Pro

A type-to-confirm delete dialog on the Center Morph Modal, for the actions people regret. It unfolds from its center, lists exactly what will be lost, and keeps Delete locked until the project name is typed exactly, with a check appearing in the field when it matches. Delete then runs Deleting, Deleted and closes itself, and the dialog cannot be dismissed mid-delete. Enter submits from the field. Sample project is fictional, swap in your own and wire onDelete to your API.

pnpm dlx shadcn@latest add @ditherui/delete-project-dialog

Props

projectNamestring—
impact{ icon: ReactNode; count: number; label: string }[]files, collaborators, deployments
onDelete() => void—
classNamestring—

Suggested components