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