Files
PhotonVision/New client/chameleon-client/src/components/cv-icon.vue
2019-10-02 00:14:37 +03:00

31 lines
675 B
Vue

<template>
<div>
<v-tooltip :right="right" :bottom="!right" nudge-right="10">
<template v-slot:activator="{ on }">
<v-icon @click="handleClick" v-on="on" :color="color">{{text}}</v-icon>
</template>
<span>{{tooltip}}</span>
</v-tooltip>
</div>
</template>
<script>
export default {
name: 'Icon',
props:['color','tooltip','text','right'],
data() {
return {
}
},
methods:{
handleClick(){
this.$emit('click');
}
}
}
</script>
<style lang="" scoped>
</style>