From e82a82d812f6a4d01ac11cec9f5393fe1c3e595f Mon Sep 17 00:00:00 2001 From: Rihan Date: Mon, 28 Oct 2024 20:31:53 +0000 Subject: [PATCH] docs(use-toast): add `App` component warning (#2480) --- docs/content/2.composables/use-toast.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/content/2.composables/use-toast.md b/docs/content/2.composables/use-toast.md index 7737e7abc1..b9c0a35353 100644 --- a/docs/content/2.composables/use-toast.md +++ b/docs/content/2.composables/use-toast.md @@ -17,6 +17,10 @@ const toast = useToast() - A maximum of 5 toasts are displayed at a time. When adding a new toast that would exceed this limit, the oldest toast is automatically removed. - When removing a toast, there's a 200ms delay before it's actually removed from the state, allowing for exit animations. +::warning +Make sure to wrap your app with the [App](/components/app) component which uses our [Toaster](https://github.com/nuxt/ui/blob/v3/src/runtime/components/Toaster.vue) component which uses the [ToastProvider](https://www.radix-vue.com/components/toast.html#provider) component from Radix Vue. +:: + ::tip{to="/components/toast"} Learn how to customize the appearance and behavior of toasts in the **Toast** component documentation. ::