first commit

resources/js/views/demos/components/snackbar/DemoSnackbarVertical.vue

@@ -0,0 +1,32 @@
+<script setup>
+const isSnackbarVisible = ref(false)
+</script>
+
+<template>
+  <VBtn @click="isSnackbarVisible = true">
+    Open Snackbar
+  </VBtn>
+
+  <VSnackbar
+    v-model="isSnackbarVisible"
+    vertical
+  >
+    Sugar plum chocolate bar halvah sesame snaps apple pie donut croissant marshmallow. Sweet roll donut gummies sesame snaps icing bear claw tiramisu cotton candy.
+
+    <template #actions>
+      <VBtn
+        color="success"
+        @click="isSnackbarVisible = false"
+      >
+        Undo
+      </VBtn>
+
+      <VBtn
+        color="error"
+        @click="isSnackbarVisible = false"
+      >
+        Close
+      </VBtn>
+    </template>
+  </VSnackbar>
+</template>