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

feat(Toast): add actions slot

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

17
src/runtime/components/Toast.vue
View File

@@ -31,6 +31,7 @@ export interface ToastSlots {
leading(): any leading(): any
title(): any title(): any
description(): any description(): any
actions(): any
close(): any close(): any
} }
</script> </script>
@@ -103,17 +104,21 @@ defineExpose({
</template> </template>
<div v-if="multiline && actions?.length" :class="ui.actions({ multiline: true })"> <div v-if="multiline && actions?.length" :class="ui.actions({ multiline: true })">
<ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop> <slot name="actions">
<UButton size="xs" :color="color" v-bind="action" /> <ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
</ToastAction> <UButton size="xs" :color="color" v-bind="action" />
</ToastAction>
</slot>
</div> </div>
</div> </div>
<div v-if="(!multiline && actions?.length) || close !== null" :class="ui.actions({ multiline: false })"> <div v-if="(!multiline && actions?.length) || close !== null" :class="ui.actions({ multiline: false })">
<template v-if="!multiline"> <template v-if="!multiline">
<ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop> <slot name="actions">
<UButton size="xs" :color="color" v-bind="action" /> <ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
</ToastAction> <UButton size="xs" :color="color" v-bind="action" />
</ToastAction>
</slot>
</template> </template>
<ToastClose as-child> <ToastClose as-child>