I'm looking to design a component that stacks user icons on top of each other, similar to the example shown in the image. This feature is commonly seen on Google. How can I achieve this effect with a list of user icons?
Here's an example of what I'm aiming for: https://i.sstatic.net/BLZOj.png.
<template>
<div>
<ul>
<li v-for="user in userList" :key="user.key">
<user-icon-component :name="user.name" :image="user.picture"></user-icon-component>
</li>
</ul>
</div>
</template>
<script>
export default {
name: "UserList",
props: {
userList: {
type: Object,
default: null,
},
},
};
</script>
<style>
</style>