Delete Confirm Dialog
A destructive confirm that asks you to type the resource name to enable a danger-key Delete, lists what will be removed, and shows a deleting state; also as an inline panel.
Preview
Delete this project?
harbor-redesign will be deleted permanently. This can't be undone.
Also removed
- Issues1,284
- Files312
- Automations6
- Member access14
Delete this project?
harbor-redesign will be deleted permanently. This can't be undone.
Also removed
- Issues1,284
- Files312
- Automations6
- Member access14
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| resourceName | string | — | The name people must type to enable Delete. Required. |
| resourceType | string | "item" | Used in the default title and the button (“Delete project”). |
| title / description | ReactNode | derived | Override the copy. |
| consequences | { label, count?, icon? }[] | — | The “Also removed” list. |
| onDelete | () => void | Promise<unknown> | — | A promise shows “Deleting…”; a rejection shows its message and stays open. |
| onCancel | () => void | — | Cancel in the inline panel. |
| caseSensitive | boolean | true | Match case when comparing. |
| defaultValue | string | "" | Prefill the field (static previews). |
| Dialog: children / open / defaultOpen / onOpenChange | ReactNode / boolean / boolean / (open) => void | — | DeleteConfirmDialog only: the trigger and modal state. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.