Package detail

Vue group avatar

A minimalist component to display a group of avatars in your application 👀🎉

Install

npm install vue-group-avatar

# or
yarn add vue-group-avatar

Local Registration

import "vue-group-avatar/dist/vue-group-avatar.css"
import { GroupAvatar } from "vue-group-avatar";

export default {
  components: {
    GroupAvatar,
  }
}

Component

<template>
    <GroupAvatar border-color="#0092FF" :avatars="avatars" :max="2"></GroupAvatar>
</template>

<script>
  export default {
    name: 'home',
    data() {
      return {
        avatars: [
          "@/assets/img/img1.png", 
          "@/assets/img/img2.png", 
          "@/assets/img/img3.png", 
          "@/assets/img/img4.png"
          ]
      }
    }
  }
</script>

GroupAvatar component API

License

MIT