arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-22 07:50:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(avatar-group): update

Browse Source
This commit is contained in:
Benjamin Canac
2024-07-18 11:06:26 +02:00
parent 3b5a7c5c58
commit 70b964f3a0
7 changed files with 142 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
docs/app/components/content/examples/avatar-group/AvatarGroupChipExample.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<UAvatarGroup>
<UChip inset color="green">
<UAvatar
src="https://avatars.githubusercontent.com/u/739984?v=4"
alt="Benjamin Canac"
/>
</UChip>
<UChip inset color="amber">
<UAvatar
src="https://avatars.githubusercontent.com/u/25613751?v=4"
alt="Romain Hamel"
/>
</UChip>
<UChip inset color="red">
<UAvatar
src="https://avatars.githubusercontent.com/u/19751938?v=4"
alt="Neil Richter"
/>
</UChip>
</UAvatarGroup>
</template>

37
docs/app/components/content/examples/avatar-group/AvatarGroupLinkExample.vue Normal file
View File

@@ -0,0 +1,37 @@
<template>
<UAvatarGroup>
<ULink
to="https://github.com/benjamincanac"
target="_blank"
class="hover:ring-primary-500 dark:hover:ring-primary-400 transition"
raw
>
<UAvatar
src="https://avatars.githubusercontent.com/u/739984?v=4"
alt="Benjamin Canac"
/>
</ULink>
<ULink
to="https://github.com/romhml"
target="_blank"
class="hover:ring-primary-500 dark:hover:ring-primary-400 transition"
raw
>
<UAvatar
src="https://avatars.githubusercontent.com/u/25613751?v=4"
alt="Romain Hamel"
/>
</ULink>
<ULink
to="https://github.com/noook"
target="_blank"
class="hover:ring-primary-500 dark:hover:ring-primary-400 transition"
raw
>
<UAvatar
src="https://avatars.githubusercontent.com/u/19751938?v=4"
alt="Neil Richter"
/>
</ULink>
</UAvatarGroup>
</template>

22
docs/app/components/content/examples/avatar-group/AvatarGroupTooltipExample.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<UAvatarGroup>
<UTooltip text="benjamincanac">
<UAvatar
src="https://avatars.githubusercontent.com/u/739984?v=4"
alt="Benjamin Canac"
/>
</UTooltip>
<UTooltip text="romhml">
<UAvatar
src="https://avatars.githubusercontent.com/u/25613751?v=4"
alt="Romain Hamel"
/>
</UTooltip>
<UTooltip text="noook">
<UAvatar
src="https://avatars.githubusercontent.com/u/19751938?v=4"
alt="Neil Richter"
/>
</UTooltip>
</UAvatarGroup>
</template>