arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-29 19:30:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(avatar-group): update

Browse Source
This commit is contained in:
Benjamin Canac
2024-07-17 17:27:34 +02:00
parent 8ae8993db4
commit 9c56917714
5 changed files with 75 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
playground/app/pages/components/avatar.vue
View File

@@ -20,19 +20,19 @@ const sizes = Object.keys(theme.variants.size) as Array<keyof typeof theme.varia
</div>
<div class="flex items-center gap-1.5">
<UAvatarGroup v-for="size in sizes" :key="size" :text="size" :size="size" :max="2">
<UAvatarGroup v-for="size in sizes" :key="size" :size="size" :max="2">
<UChip inset text="1">
<UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" alt="benjamincanac" />
</UChip>
<UAvatar src="https://avatars.githubusercontent.com/u/904724?v=4" alt="Atinux" />
<UAvatar src="https://avatars.githubusercontent.com/u/7547335?v=4" alt="smarroufin" />
<UAvatar src="https://avatars.githubusercontent.com/u/25613751?v=4" alt="romhml" />
<UAvatar src="https://avatars.githubusercontent.com/u/19751938?v=4" alt="noook" />
</UAvatarGroup>
</div>
<div class="flex items-center gap-1.5">
<UAvatarGroup v-for="size in sizes" :key="size" :text="size" :size="size" :max="4">
<UAvatarGroup v-for="size in sizes" :key="size" :size="size" :max="4">
<UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" alt="benjamincanac" />
<UAvatar src="https://avatars.githubusercontent.com/u/904724?v=4" alt="Atinux" />
<UAvatar src="https://avatars.githubusercontent.com/u/7547335?v=4" alt="smarroufin" />
<UAvatar src="https://avatars.githubusercontent.com/u/25613751?v=4" alt="romhml" />
<UAvatar src="https://avatars.githubusercontent.com/u/19751938?v=4" alt="noook" />
</UAvatarGroup>
</div>
</div>