Initial commit

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

@@ -0,0 +1,33 @@
+<script setup>
+const items = [
+  {
+    text: 'Cupcake sesame snaps dessert marzipan.',
+    icon: 'tabler-brand-instagram',
+  },
+  {
+    text: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.',
+    icon: 'tabler-brand-facebook',
+  },
+  {
+    text: 'Bonbon macaroon gummies pie jelly',
+    icon: 'tabler-brand-twitter',
+  },
+]
+</script>
+
+<template>
+  <VList>
+    <VListItem
+      v-for="(item, i) in items"
+      :key="i"
+      :value="item.text"
+      rounded="shaped"
+    >
+      <template #prepend>
+        <VIcon :icon="item.icon" />
+      </template>
+      <!-- eslint-disable-next-line vue/no-v-text-v-html-on-component -->
+      <VListItemTitle v-text="item.text" />
+    </VListItem>
+  </VList>
+</template>