CheckboxBase input element to toggle an option on and off.stableView sourceRadix ThemesReka UIAgree to Terms and Conditionsvuevue<script setup lang="ts"> import { ref } from 'vue' import { Checkbox } from '@typlog/ui' const checked = ref(true) </script> <template> <label class="flex items-center gap-2"> <Checkbox v-model="checked" /> <span>Agree to Terms and Conditions</span> </label> </template>API Reference PropDefaultTypecolor–ColorhighContrast–booleansize–"1""2""3"variant–"soft""surface" Props inherited from Reka UI Examples Size vuevue<script setup lang="ts"> import { Checkbox } from '@typlog/ui' </script> <template> <div class="flex items-center gap-2"> <Checkbox size="1" /> <Checkbox size="2" /> <Checkbox size="3" /> </div> </template>Show codeState vuevue<script setup lang="ts"> import { Checkbox } from '@typlog/ui' </script> <template> <div class="flex items-center gap-2"> <Checkbox /> <Checkbox default-value="indeterminate" /> <Checkbox :default-value="true" /> </div> </template>Show code Last updated Aug 20, 2026Toggle GroupCheckbox Group