adrema/resources/js/components/VBool.vue

20 lines
480 B
Vue
Raw Normal View History

2021-04-11 02:55:26 +02:00
<template>
<div class="rounded-full w-4 h-4 flex items-center justify-center leading-none" :class="{'bg-green-800': value, 'bg-red-800': !value}">
<sprite :class="{'text-green-100': value, 'text-red-100': !value}" class="w-2 h-2" :src="value ? 'check' : 'close'"></sprite>
</div>
</template>
<script>
export default {
props: {
value: {}
},
computed: {
t() {
return this.value ? 'Ja' : 'Nein';
}
}
};
</script>