CheckboxField

Checkbox input with label.

Import

import { CheckboxField } from '@four-bytes/four-tailwind-ui'

Basic Usage

<script setup>
import { ref } from 'vue'
import { CheckboxField } from '@four-bytes/four-tailwind-ui'

const agreed = ref(false)
</script>

<template>
  <CheckboxField v-model="agreed" label="Ich akzeptiere die AGB" />
</template>

Disabled

<CheckboxField v-model="value" label="Gesperrt" disabled />

Props

Prop	Type	Default	Description
modelValue	boolean	false	Checked state (v-model)
label	string	-	Checkbox label
disabled	boolean	false	Disable checkbox

Events

Event	Payload	Description
update:modelValue	boolean	Emitted on change