50 lines
762 B
Vue
50 lines
762 B
Vue
<template>
|
|
<div class="demo-space-x">
|
|
<VChip prepend-icon="ri-user-line">
|
|
Account
|
|
</VChip>
|
|
|
|
<VChip
|
|
color="primary"
|
|
prepend-icon="ri-star-line"
|
|
>
|
|
Premium
|
|
</VChip>
|
|
|
|
<VChip
|
|
color="secondary"
|
|
prepend-icon="ri-cake-line"
|
|
>
|
|
1 Year
|
|
</VChip>
|
|
|
|
<VChip
|
|
color="success"
|
|
prepend-icon="ri-notification-line"
|
|
>
|
|
Notification
|
|
</VChip>
|
|
|
|
<VChip
|
|
color="info"
|
|
prepend-icon="ri-message-line"
|
|
>
|
|
Message
|
|
</VChip>
|
|
|
|
<VChip
|
|
color="warning"
|
|
prepend-icon="ri-error-warning-line"
|
|
>
|
|
Warning
|
|
</VChip>
|
|
|
|
<VChip
|
|
color="error"
|
|
prepend-icon="ri-error-warning-line"
|
|
>
|
|
Error
|
|
</VChip>
|
|
</div>
|
|
</template>
|