Buttons
BtnConfirmDelete
Delete button that shows a confirmation dialog before calling the confirm handler.
Buttons
Pre-built action buttons for common admin dashboard operations. All extend Nuxt UI's UButton.
Components
<XABtnConfirmDelete />
Shows a confirmation modal before calling the confirm handler.
<XABtnConfirmDelete
:label="item.name"
confirm-text="Delete forever"
@confirm="handleDelete"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | required | Item name shown in confirmation |
confirmText | string | 'Delete' | Confirmation button text |
loading | boolean | false | Loading state |
Emits
| Event | Description |
|---|---|
confirm | Fires when user confirms deletion |
cancel | Fires when user cancels |
AI Context
component: XABtnConfirmDelete
package: "@xenterprises/nuxt-x-app"
category: Btn
use-when: CRUD table rows — delete action with confirmation modal
pattern: requires @confirm event handler, shows modal before deleting