feat(Toast): add progress prop to hide progress bar (#4125)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Hugo Richard
2025-05-12 14:47:02 +02:00
committed by GitHub
parent f6d7994a55
commit 92632e969e
2 changed files with 16 additions and 3 deletions

View File

@@ -17,6 +17,11 @@ export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'>
* @defaultValue true
*/
expand?: boolean
/**
* Whether to show the progress bar on all toasts.
* @defaultValue true
*/
progress?: boolean
/**
* Render the toaster in a portal.
* @defaultValue true
@@ -49,7 +54,8 @@ import UToast from './Toast.vue'
const props = withDefaults(defineProps<ToasterProps>(), {
expand: true,
portal: true,
duration: 5000
duration: 5000,
progress: true
})
defineSlots<ToasterSlots>()
@@ -109,6 +115,7 @@ function getOffset(index: number) {
v-for="(toast, index) of toasts"
:key="toast.id"
ref="refs"
:progress="progress"
v-bind="omit(toast, ['id', 'close'])"
:close="(toast.close as boolean)"
:data-expanded="expanded"