Checkbox

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

Component Source API Reference

Installation ​

pnpm dlx 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.

Edit this page on GitHub