19 lines
686 B
Vue
19 lines
686 B
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
import { MoodSmileIcon,ChecksIcon,UserCircleIcon } from 'vue-tabler-icons';
|
|
</script>
|
|
<template>
|
|
<div class="d-flex flex-column flex-sm-row flex-wrap flex-xl-nowrap align-center gap-3">
|
|
<v-chip color="primary" variant="outlined">
|
|
<MoodSmileIcon class="mr-2" start size="20" />
|
|
Custom Icon
|
|
<ChecksIcon class="ml-2" start size="20" />
|
|
</v-chip>
|
|
<v-chip color="secondary" variant="outlined">
|
|
<UserCircleIcon class="mr-2" start size="20" />
|
|
Custom Icon
|
|
<ChecksIcon class="ml-2" start size="20" />
|
|
</v-chip>
|
|
</div>
|
|
</template>
|