DemoListRounded.vue
724 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script setup>
const items = [
{
title: 'Cupcake sesame snaps dessert marzipan.',
value: 1,
props: {
prependIcon: 'ri-dribbble-line',
rounded: 'xl',
},
},
{
title: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.',
value: 2,
props: {
prependIcon: 'ri-facebook-circle-line',
rounded: 'xl',
},
},
{
title: 'Bonbon macaroon gummies pie jelly',
value: 3,
props: {
prependIcon: 'ri-twitter-line',
rounded: 'xl',
},
},
{
title: 'halvah icing marshmallow',
value: 4,
props: {
prependIcon: 'ri-instagram-line',
rounded: 'xl',
},
},
]
</script>
<template>
<VList :items="items" />
</template>