Skip to content

Commit 94fe48e

Browse files
authored
fix: outdated FwbAvatar documentation (#358)
1 parent 6a04f4a commit 94fe48e

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

docs/components/avatar.md

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import FwbAvatarExampleStack from './avatar/examples/FwbAvatarExampleStack.vue'
1010
import FwbAvatarExampleStatus from './avatar/examples/FwbAvatarExampleStatus.vue'
1111
import FwbAvatarExampleStatusPosition from './avatar/examples/FwbAvatarExampleStatusPosition.vue'
1212
</script>
13+
1314
# Vue Avatar - Flowbite
1415
Use 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

0 commit comments

Comments
 (0)