UxDangerDelete
components/ux/DangerDelete.vue
Destructive action button with optional two-step "type DELETE to confirm" verification.
deleting: false
States
Verify mode (type DELETE to confirm)
Deleting (loading)
components/ux/DangerDelete.vue
Usage
<UxDangerDelete
action = "Delete"
target = "—"
:deleting = "false"
:verify = "false"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| action | String | 'Delete' | Action verb label |
| target | String | '' | Name of the thing being deleted |
| deleting | Boolean | false | Show loading state |
| verify | Boolean | false | Require typing DELETE to confirm |
Events
| Event | Description |
|---|---|
| delete | When delete is confirmed |