first commit

resources/js/views/demos/components/alert/DemoAlertIcons.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="demo-space-y">
+    <VAlert
+      color="primary"
+      icon="ri-rocket-line"
+    >
+      Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi.
+    </VAlert>
+
+    <VAlert
+      color="error"
+      icon="ri-whatsapp-line"
+      variant="tonal"
+    >
+      Phasellus blandit leo ut odio. Morbi mattis ullamcorper velit.
+    </VAlert>
+
+    <VAlert
+      color="success"
+      icon="ri-npmjs-line"
+      variant="outlined"
+    >
+      Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
+    </VAlert>
+  </div>
+</template>