File tree Expand file tree Collapse file tree 1 file changed +7
-6
lines changed Expand file tree Collapse file tree 1 file changed +7
-6
lines changed Original file line number Diff line number Diff line change @@ -10,6 +10,7 @@ import FwbAvatarExampleStack from './avatar/examples/FwbAvatarExampleStack.vue'
1010import FwbAvatarExampleStatus from ' ./avatar/examples/FwbAvatarExampleStatus.vue'
1111import FwbAvatarExampleStatusPosition from ' ./avatar/examples/FwbAvatarExampleStatusPosition.vue'
1212</script >
13+
1314# Vue Avatar - Flowbite
1415Use the avatar component to show a visual representation of a user profile using an image element or SVG object based on multiple styles and sizes
1516
@@ -165,25 +166,25 @@ Use this example if you want to stack a group of users by overlapping the avatar
165166``` vue
166167<template>
167168 <div class="grid gap-2">
168- <stacked-avatars >
169+ <fwb-avatar-stack >
169170 <fwb-avatar img="/images/avatar-1.jpg" rounded stacked />
170171 <fwb-avatar img="/images/avatar-2.jpg" rounded stacked />
171172 <fwb-avatar img="/images/avatar-3.jpg" rounded stacked />
172173 <fwb-avatar img="/images/avatar-4.jpg" rounded stacked />
173174 <fwb-avatar img="/images/avatar-5.jpg" rounded stacked />
174- </stacked-avatars >
175- <stacked-avatars >
175+ <fwb-avatar-stack >
176+ </fwb-avatar-stack >
176177 <fwb-avatar img="/images/avatar-1.jpg" rounded stacked />
177178 <fwb-avatar img="/images/avatar-2.jpg" rounded stacked />
178179 <fwb-avatar img="/images/avatar-3.jpg" rounded stacked />
179180 <fwb-avatar img="/images/avatar-4.jpg" rounded stacked />
180- <stacked-avatars -counter href="#" total="99" />
181- </stacked-avatars >
181+ <fwb-avatar-stack -counter href="#" total="99" />
182+ </fwb-avatar-stack >
182183 </div>
183184</template>
184185
185186<script setup>
186- import { FwbAvatar } from 'flowbite-vue'
187+ import { FwbAvatar, FwbAvatarStack, FwbAvatarStackCounter } from 'flowbite-vue'
187188</script>
188189```
189190
You can’t perform that action at this time.
0 commit comments