Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | 4x 4x 4x 1x | <template>
<div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
<div>
<h6 class="mb-1">{{ actionLabel }}</h6>
<p class="text-muted small mb-0">{{ warningText }}</p>
</div>
<button type="button" class="btn btn-danger" :disabled="disabled" @click="$emit('action')">
<font-awesome-icon icon="fa-solid fa-trash" class="me-2" />
{{ actionLabel }}
</button>
</div>
<div v-if="error" class="alert alert-danger mt-3 mb-0">
{{ error }}
</div>
</template>
<script setup lang="ts">
defineProps<{
actionLabel: string
warningText: string
disabled?: boolean
error?: string
}>()
defineEmits<{
action: []
}>()
</script>
|