60 lines
898 B
Vue
60 lines
898 B
Vue
|
<template>
|
||
|
|
<div class="demo-space-x">
|
||
|
|
<VChip>
|
||
|
|
<VIcon
|
||
|
|
start
|
||
|
|
icon="tabler-user"
|
||
|
|
/>
|
||
|
|
Account
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip color="primary">
|
||
|
|
<VIcon
|
||
|
|
start
|
||
|
|
icon="tabler-star"
|
||
|
|
/>
|
||
|
|
Premium
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip color="secondary">
|
||
|
|
<VIcon
|
||
|
|
start
|
||
|
|
icon="tabler-cake"
|
||
|
|
/>
|
||
|
|
1 Year
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip color="success">
|
||
|
|
<VIcon
|
||
|
|
start
|
||
|
|
icon="tabler-bell"
|
||
|
|
/>
|
||
|
|
Notification
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip color="info">
|
||
|
|
<VIcon
|
||
|
|
start
|
||
|
|
icon="tabler-messages"
|
||
|
|
/>
|
||
|
|
Message
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip color="warning">
|
||
|
|
<VIcon
|
||
|
|
start
|
||
|
|
icon="tabler-alert-triangle"
|
||
|
|
/>
|
||
|
|
Warning
|
||
|
|
</VChip>
|
||
|
|
|
||
|
|
<VChip color="error">
|
||
|
|
<VIcon
|
||
|
|
start
|
||
|
|
icon="tabler-alert-circle"
|
||
|
|
/>
|
||
|
|
Error
|
||
|
|
</VChip>
|
||
|
|
</div>
|
||
|
|
</template>
|