arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-20 15:01:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Alert): add actions slot

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-25 17:57:18 +02:00
parent 26491afcd1
commit 2d157090c0
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/runtime/components/Alert.vue
View File

@@ -34,6 +34,7 @@ export interface AlertSlots {
leading(): any
title(): any
description(): any
actions(): any
close(): any
}
</script>
@@ -81,13 +82,17 @@ const ui = computed(() => tv({ extend: alert, slots: props.ui })({
</template>
<div v-if="multiline && actions?.length" :class="ui.actions({ multiline: true })">
<UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
<slot name="actions">
<UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
</slot>
</div>
</div>
<div v-if="(!multiline && actions?.length) || close" :class="ui.actions({ multiline: false })">
<template v-if="!multiline">
<UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
<slot name="actions">
<UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
</slot>
</template>
<slot name="close" :class="ui.close()">