27 lines
757 B
Vue
27 lines
757 B
Vue
<!-- AdminFormCheckbox.vue -->
|
|
<template>
|
|
<div class="flex mb-4">
|
|
<input
|
|
:checked="modelValue"
|
|
@change="$emit('update:modelValue', $event.target.checked)"
|
|
type="checkbox"
|
|
class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 pointer-events-none focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
|
|
id="hs-checked-checkbox"
|
|
>
|
|
<label for="hs-checked-checkbox" class="text-sm text-gray-500 ml-3 dark:text-gray-400">{{ label }}</label>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "AdminFormCheckbox",
|
|
props: {
|
|
modelValue: Boolean,
|
|
label: String
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |