Search
Search components and blocks
Built from the Dialog and Switch components.
Delete Project Confirmation
ProA 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.
Props
PropTypeDefault
projectNamestring—impact{ icon: ReactNode; count: number; label: string }[]files, collaborators, deploymentsonDelete() => void—classNamestring—