diff --git a/docs/content/meta/ToastRoot.md b/docs/content/meta/ToastRoot.md
index 90470e27e..0c87e7e35 100644
--- a/docs/content/meta/ToastRoot.md
+++ b/docs/content/meta/ToastRoot.md
@@ -101,5 +101,10 @@
'name': 'remaining',
'description': '
Remaining time (in ms)
\n',
'type': 'number'
+ },
+ {
+ 'name': 'duration',
+ 'description': 'Total time the toast will remain visible for (in ms)
\n',
+ 'type': 'number'
}
]" />
diff --git a/packages/radix-vue/src/Toast/Toast.test.ts b/packages/radix-vue/src/Toast/Toast.test.ts
index dd9558407..06af4a461 100644
--- a/packages/radix-vue/src/Toast/Toast.test.ts
+++ b/packages/radix-vue/src/Toast/Toast.test.ts
@@ -8,7 +8,7 @@ import Toast from './story/_Toast.vue'
const CLOSE_TEXT = 'Close'
-describe('given a default Dialog', () => {
+describe('given a default Toast', () => {
let wrapper: VueWrapper>
let trigger: DOMWrapper
let closeButton: HTMLElement
diff --git a/packages/radix-vue/src/Toast/ToastRoot.vue b/packages/radix-vue/src/Toast/ToastRoot.vue
index ef8f11e42..06b72c18f 100644
--- a/packages/radix-vue/src/Toast/ToastRoot.vue
+++ b/packages/radix-vue/src/Toast/ToastRoot.vue
@@ -39,6 +39,8 @@ defineSlots<{
open: typeof open.value
/** Remaining time (in ms) */
remaining: number
+ /** Total time the toast will remain visible for (in ms) */
+ duration: number
}) => any
}>()
@@ -53,7 +55,7 @@ const open = useVModel(props, 'open', emits, {
diff --git a/packages/radix-vue/src/Toast/ToastRootImpl.vue b/packages/radix-vue/src/Toast/ToastRootImpl.vue
index dfd7b7918..e04f4d236 100644
--- a/packages/radix-vue/src/Toast/ToastRootImpl.vue
+++ b/packages/radix-vue/src/Toast/ToastRootImpl.vue
@@ -240,7 +240,10 @@ provideToastRootContext({ onClose: handleClose })
}
}"
>
-
+