first commit

resources/js/views/demos/components/chip/DemoChipWithIcon.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="demo-space-x">
+    <VChip prepend-icon="ri-user-line">
+      Account
+    </VChip>
+
+    <VChip
+      color="primary"
+      prepend-icon="ri-star-line"
+    >
+      Premium
+    </VChip>
+
+    <VChip
+      color="secondary"
+      prepend-icon="ri-cake-line"
+    >
+      1 Year
+    </VChip>
+
+    <VChip
+      color="success"
+      prepend-icon="ri-notification-line"
+    >
+      Notification
+    </VChip>
+
+    <VChip
+      color="info"
+      prepend-icon="ri-message-line"
+    >
+      Message
+    </VChip>
+
+    <VChip
+      color="warning"
+      prepend-icon="ri-error-warning-line"
+    >
+      Warning
+    </VChip>
+
+    <VChip
+      color="error"
+      prepend-icon="ri-error-warning-line"
+    >
+      Error
+    </VChip>
+  </div>
+</template>