46 lines
816 B
Vue
46 lines
816 B
Vue
|
<script setup>
|
||
|
|
import avatar1 from '@images/avatars/avatar-1.png'
|
||
|
|
import avatar2 from '@images/avatars/avatar-2.png'
|
||
|
|
import avatar3 from '@images/avatars/avatar-3.png'
|
||
|
|
import avatar4 from '@images/avatars/avatar-4.png'
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="demo-space-x">
|
||
|
|
<VChip>
|
||
|
|
<VAvatar
|
||
|
|
start
|
||
|
|
:image="avatar1"
|
||
|
|
/>
|
||
|
|
<span>John Doe</span>
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip>
|
||
|
|
<VAvatar
|
||
|
|
start
|
||
|
|
:image="avatar2"
|
||
|
|
/>
|
||
|
|
<span>Darcy Nooser</span>
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip
|
||
|
|
pill
|
||
|
|
:label="false"
|
||
|
|
:prepend-avatar="avatar3"
|
||
|
|
>
|
||
|
|
<span>Felicia Risker</span>
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip
|
||
|
|
pill
|
||
|
|
:label="false"
|
||
|
|
>
|
||
|
|
<VAvatar
|
||
|
|
start
|
||
|
|
:image="avatar4"
|
||
|
|
/>
|
||
|
|
<span>Minnie Mostly</span>
|
||
|
|
</VChip>
|
||
|
|
</div>
|
||
|
|
</template>
|