2
0
mirror of https://github.com/frappe/books.git synced 2024-12-24 20:00:29 +00:00
books/ui/components/List/ListItem.vue
2018-06-27 20:08:27 +05:30

22 lines
657 B
Vue

<template>
<div :class="classList" @click.self="$emit('clickItem')">
<div class="custom-control custom-checkbox d-flex">
<input type="checkbox" class="custom-control-input" :id="id"
:value="isChecked" @change="$emit('checkItem', isChecked)"
>
<label class="custom-control-label" :for="id"></label>
</div>
<slot></slot>
</div>
</template>
<script>
export default {
props: ['id', 'isActive', 'isChecked'],
computed: {
classList() {
return ['list-group-item d-flex align-items-center', this.isActive ? 'bg-light' : ''];
}
}
}
</script>