Initial commit

resources/js/views/demos/components/list/DemoListDensity.vue

@@ -0,0 +1,43 @@
+<script setup>
+const items = [
+  {
+    title: 'halvah icing marshmallow',
+    value: 1,
+  },
+  {
+    title: 'Cake caramels donut danish muffin biscuit',
+    value: 2,
+  },
+  {
+    title: 'Chocolate cake pie lollipop',
+    value: 3,
+  },
+  {
+    title: 'Apple pie toffee pudding gummi bears',
+    value: 4,
+  },
+  {
+    title: 'Jujubes chupa chups cheesecake tart',
+    value: 5,
+  },
+  {
+    title: 'Candy fruitcake bonbon sesame snaps dessert',
+    value: 6,
+  },
+  {
+    title: 'Candy wafer tiramisu sugar plum sweet.',
+    value: 7,
+  },
+  {
+    title: 'Toffee gingerbread muffin macaroon cotton candy bonbon lollipop.',
+    value: 8,
+  },
+]
+</script>
+
+<template>
+  <VList
+    density="comfortable"
+    :items="items"
+  />
+</template>