feat: initial toast

docs/components/toast/examples/ToastExample.vue

@@ -1,6 +1,14 @@
 <template>
-  <div class="vp-raw flex flex-col">
-    <Toast></Toast>
+  <div class="vp-raw flex align-center gap-2 flex-wrap">
+    <Toast :type="'warning'">
+      Improve password difficulty.
+    </Toast>
+    <Toast :type="'success'">
+      Item moved successfully.
+    </Toast>
+    <Toast :type="'danger'">
+      Item has been deleted.
+    </Toast>
   </div>
 </template>
 <script setup>

docs/components/toast/toast.md

@@ -8,7 +8,15 @@ import ToastExample from './examples/ToastExample.vue'
 import { Toast } from 'flowbite-vue'
 </script>
 <template>
-  <Toast></Toast>
+  <Toast type="warning">
+    Improve password difficulty.
+  </Toast>
+  <Toast type="success">
+    Item moved successfully.
+  </Toast>
+  <Toast type="danger">
+    Item has been deleted.
+  </Toast>
 </template>
 ```