first commit

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

@@ -0,0 +1,45 @@
+<template>
+  <div class="demo-space-y">
+    <VAlert
+      variant="tonal"
+      color="primary"
+    >
+      Maecenas nec odio et ante tincidunt tempus. Sed mollis, eros et ultrices tempus.
+    </VAlert>
+
+    <VAlert
+      variant="tonal"
+      color="secondary"
+    >
+      Nullam tincidunt adipiscing enim. In consectetuer turpis ut velit.
+    </VAlert>
+
+    <VAlert
+      variant="tonal"
+      color="success"
+    >
+      Vestibulum ullamcorper mauris at ligula. Nulla porta dolor.
+    </VAlert>
+
+    <VAlert
+      variant="tonal"
+      color="info"
+    >
+      Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus tempus. Mauris turpis nunc.
+    </VAlert>
+
+    <VAlert
+      variant="tonal"
+      color="warning"
+    >
+      Marzipan topping croissant cake sweet roll ice cream soufflé chocolate. Jelly beans chupa chups tootsie roll biscuit.
+    </VAlert>
+
+    <VAlert
+      variant="tonal"
+      color="error"
+    >
+      Marzipan topping croissant cake sweet roll ice cream soufflé chocolate. Jelly beans chupa chups tootsie roll biscuit.
+    </VAlert>
+  </div>
+</template>