diff --git a/docs/toast_notification.md b/docs/toast_notification.md
new file mode 100644
index 0000000..94915b8
--- /dev/null
+++ b/docs/toast_notification.md
@@ -0,0 +1,25 @@
+# Create a toast notification
+
+we're using [vue-toastification](https://github.com/Maronato/vue-toastification) to create toast notifications.
+
+``component.vue``
+```html
+<template>
+  <div>
+    <button @click="openToast">Open Toast</button>
+  </div>
+</template>
+
+<script>
+import { useToast } from "vue-toastification";
+export default {
+  methods: {
+    openToast() {
+      const toast = useToast();
+      toast.success("Hello World!");
+    },
+  },
+};
+</script>
+
+```