feat: Added stacked avatars

2022-09-06 16:36:58 +03:00
parent a3e93e1ef1
commit 68440bac7f
7 changed files with 87 additions and 3 deletions
--- a/src/components/Avatar/composables/useAvatarClasses.ts
+++ b/src/components/Avatar/composables/useAvatarClasses.ts
@@ -56,6 +56,7 @@ export function useAvatarClasses(props: UseAvatarClassesProps): {
            avatarSizeClasses[props.size.value],
            avatarTypeClasses[props.rounded.value ? 'rounded' : 'default'],
            props.bordered.value ? avatarBorderedClasses : '',
+            props.stacked.value ? 'border-2 border-white dark:border-gray-800' : '',
        )
    })
    const avatarDotClasses = computed<string>(() => {
@@ -67,7 +68,6 @@ export function useAvatarClasses(props: UseAvatarClassesProps): {
        )
    })
    // TODO: Placeholder
-    // TODO: Stacked avatars
    // TODO: Avatar Initials

    return {