cheatpanel
cheatpanel
alpha

Checkbox

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

Component Source Primitive API Reference

Installation ​

bash
npx shadcn-vue@latest add checkbox

Usage ​

vue
<script setup lang="ts">
import { Checkbox } from '@/components/ui/checkbox'
</script>

<template>
  <Checkbox id="terms" />
</template>

Examples ​

With text ​

You agree to our Terms of Service and Privacy Policy.

Disabled ​

Form ​

Please first read vee-validate section for Checkbox and Radio Inputs

You can manage your mobile notifications in the mobile settings page.

Select the items you want to display in the sidebar.