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 }) } }" > - +