oa/documentation/avatar-stack/avatar-stack-medium-documentation.md

Medium stack

Vuero avatars can be stacked in an slighlty overlaping line. Use the <VAvatarStack /> component. The component takes 2 props: avatars and size. Available sizes are normal, small and medium.

<script setup lang="ts">
const users = [
  {
    id: 0,
    picture: 'https://media.cssninja.io/content/avatars/7.jpg',
    initials: 'AC',
    color: 'info',
  },
  {
    id: 1,
    picture: null,
    initials: 'JP',
    color: 'info',
  },
  // etc...
]
</script>

<template>
  <VAvatarStack :avatars="users" size="medium" />
</template>

+2