1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | 4x | <template> <span class="text-info" @click="$emit('click')"> <icon :color="color" name="fa-check-square" :size="size" v-if="checked"></icon> <icon :color="color" name="fa-square" :size="size" v-else></icon> </span> </template> <script> import Icon from './Icon.vue'; export default { components: { Icon }, props: { checked: { type: Boolean, required: true }, size: { type: Number, required: false, default: 1.25 }, color: { type: String, required: false } } } </script> |