Skip to content

Checkbox

A control that allows the user to toggle between checked and not checked.

Usage

vue
<script setup lang="ts">
import { ref } from 'vue';
import { Checkbox } from '@youcan/ui-vue3';

const isChecked = ref(false);
</script>

<template>
  <Checkbox v-model="isChecked">
    <template #label>
      Accept terms and conditions
    </template>
  </Checkbox>
</template>

API Reference