aeria-checkbox

This component is used to render a checkbox that will change the state of the variable passed to modelValue.

Example

The code below will toggle the value of the tosAccepted variable.

I have read and accepted the Terms of Use

Terms of Use accepted?

no

<script setup lang="ts">
const tosAccepted = ref(false)
</script>

<template>
  <aeria-checkbox
    v-model="tosAccepted"
    :property="{
      type: 'boolean',
    }"
  >
    Accept Terms of Use
  </aeria-checkbox>

  <i>Terms of Use accepted? {{ tosAccepted ? 'yes' : 'no' }}</i>
</template>