feat(Modal/Slideover): add actions slot (#4358)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Estéban
2025-06-24 18:03:53 +02:00
committed by GitHub
parent 1a8feb751e
commit 81569713e9
8 changed files with 108 additions and 0 deletions

View File

@@ -65,6 +65,7 @@ export interface ModalSlots {
header(props: { close: () => void }): any
title(props?: {}): any
description(props?: {}): any
actions(props?: {}): any
close(props: { close: () => void, ui: { [K in keyof Required<Modal['slots']>]: (props?: Record<string, any>) => string } }): any
body(props: { close: () => void }): any
footer(props: { close: () => void }): any
@@ -166,6 +167,8 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.modal || {})
</DialogDescription>
</div>
<slot name="actions" />
<DialogClose v-if="props.close || !!slots.close" as-child>
<slot name="close" :close="close" :ui="ui">
<UButton

View File

@@ -65,6 +65,7 @@ export interface SlideoverSlots {
header(props: { close: () => void }): any
title(props?: {}): any
description(props?: {}): any
actions(props?: {}): any
close(props: { close: () => void, ui: { [K in keyof Required<Slideover['slots']>]: (props?: Record<string, any>) => string } }): any
body(props: { close: () => void }): any
footer(props: { close: () => void }): any
@@ -174,6 +175,8 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.slideover ||
</DialogDescription>
</div>
<slot name="actions" />
<DialogClose v-if="props.close || !!slots.close" as-child>
<slot name="close" :close="close" :ui="ui">
<UButton