diff --git a/components/content/docs/components/toast/DefaultToast.vue b/components/content/docs/components/toast/DefaultToast.vue
index 96b6d05b..61758e8d 100644
--- a/components/content/docs/components/toast/DefaultToast.vue
+++ b/components/content/docs/components/toast/DefaultToast.vue
@@ -7,9 +7,7 @@ import { DefaultToastCode } from "./toastCode";
 <template>
   <CodeHighlightWithPreview :code="DefaultToastCode">
     <div class="flex items-center justify-center">
-      <Button @click="() => Toast.info('Keep Vue is Awesome')">
-        Default Toast
-      </Button>
+      <Button @click="() => Toast('Keep Vue is Awesome')">Show Toast</Button>
     </div>
   </CodeHighlightWithPreview>
 </template>
diff --git a/components/content/docs/components/toast/toastCode.ts b/components/content/docs/components/toast/toastCode.ts
index 508467b8..7038a14b 100644
--- a/components/content/docs/components/toast/toastCode.ts
+++ b/components/content/docs/components/toast/toastCode.ts
@@ -4,9 +4,7 @@ import { Button, Toast } from "keep-vue";
 </script>
 
 <template>
-  <Button @click="() => Toast.info('Keep Vue is Awesome')">
-    Default Toast
-  </Button>
+   <Button @click="() => Toast('Keep Vue is Awesome')">Show Toast</Button>
 </template>`,
 };