flowbite-vue/docs/components/checkbox.md

<script setup> import CheckboxDefault from './checkbox/examples/CheckboxDefault.vue' import CheckboxDisabled from './checkbox/examples/CheckboxDisabled.vue' import CheckboxChecked from './checkbox/examples/CheckboxChecked.vue' import CheckboxLink from './checkbox/examples/CheckboxLink.vue' </script>

Vue Footer - Flowbite

Default checkbox

<script setup>
import { Checkbox } from 'flowbite-vue'
import { ref } from 'vue'

const ref1 = ref(false)
</script>
<template>
  <Checkbox v-model="ref1" label="Default checkbox" />
</template>

Disabled checkbox

<script setup>
import { Checkbox } from 'flowbite-vue'
import { ref } from 'vue'

const ref1 = ref(false)
</script>
<template>
  <Checkbox v-model="ref1" label="Disabled checkbox" :disabled="true" />
</template>

Checked checkbox

<script setup>
import { Checkbox } from 'flowbite-vue'
import { ref } from 'vue'

const ref1 = ref(true)
</script>
<template>
  <Checkbox v-model="ref1" label="Checked checkbox" />
</template>

Link with checkbox

<template>
  <div>
    <Checkbox>
      <a href="/" class="text-primary-600 dark:text-primary-500 hover:underline ml-1">I agree with the terms and conditions</a>.
    </Checkbox>
  </div>
</template>