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

feat(Toast): actions color defaults from prop

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-12 15:28:17 +02:00
parent cfb4cfdd7b
commit 9a42338da3
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
playground/pages/toast.vue
View File

@@ -65,7 +65,6 @@ const templates = (id: number) => [{
icon: 'i-heroicons-rocket-launch',
actions: [{
label: 'Action',
color: 'primary' as const,
variant: 'outline' as const,
click() {
console.log(`Toast ${id} action clicked`)

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

@@ -105,7 +105,7 @@ defineExpose({
<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>
<UButton size="xs" color="white" v-bind="action" />
<UButton size="xs" :color="color" v-bind="action" />
</ToastAction>
</div>
</div>
@@ -113,7 +113,7 @@ defineExpose({
<div v-if="(!multiline && actions?.length) || close !== null" :class="ui.actions({ multiline: false })">
<template v-if="!multiline">
<ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
<UButton size="xs" color="white" v-bind="action" />
<UButton size="xs" :color="color" v-bind="action" />
</ToastAction>
</template>