wip agenda checkbox component
This commit is contained in:
parent
97164496b8
commit
f7564e2b41
File diff suppressed because one or more lines are too long
@ -0,0 +1,44 @@
|
|||||||
|
<template>
|
||||||
|
<div class="is-leave-checkbox-container">
|
||||||
|
<NcCheckboxRadioSwitch
|
||||||
|
:checked="isLeave"
|
||||||
|
@update:checked="toggleAllDay"
|
||||||
|
>
|
||||||
|
Is Leave
|
||||||
|
</NcCheckboxRadioSwitch>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "CheckboxComponent",
|
||||||
|
props: {
|
||||||
|
isLeave: {
|
||||||
|
type: Boolean,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
name: {
|
||||||
|
type: String,
|
||||||
|
default: "checkbox"
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
type: String,
|
||||||
|
default: "Check me"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleValue(event) {
|
||||||
|
this.$emit('update:isLeave', event.target.checked);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.checkbox-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
Loading…
x
Reference in New Issue
Block a user