first commit

resources/js/views/demos/components/badge/DemoBadgeAvatarStatus.vue

@@ -0,0 +1,46 @@
+<script setup>
+import avatar1 from '@images/avatars/avatar-1.png'
+</script>
+
+<template>
+  <div class="demo-space-x">
+    <VBadge
+      dot
+      bordered
+      color="success"
+      location="bottom end"
+      :offset-x="5"
+      :offset-y="1"
+    >
+      <VAvatar size="large">
+        <VImg :src="avatar1" />
+      </VAvatar>
+    </VBadge>
+
+    <VBadge
+      dot
+      bordered
+      color="warning"
+      location="bottom end"
+      :offset-x="5"
+      :offset-y="1"
+    >
+      <VAvatar size="large">
+        <VImg :src="avatar1" />
+      </VAvatar>
+    </VBadge>
+
+    <VBadge
+      dot
+      bordered
+      color="error"
+      location="bottom end"
+      :offset-x="5"
+      :offset-y="1"
+    >
+      <VAvatar size="large">
+        <VImg :src="avatar1" />
+      </VAvatar>
+    </VBadge>
+  </div>
+</template>