c3e8826253
* feat(component): New component checkbox * feat(component): checkbox docs and link checkbox * added gradient to home page * remove unused props * code refactor * code refactor * fix type error * convert div to label
1.3 KiB
1.3 KiB
<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 Component - 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>