Skip to content
On this page

Checkbox

Basic

Option 1
Option 2
<script setup lang="ts">
import { ref } from 'vue'
import { DuCheckbox, DuCheckboxOption } from 'doggy-ui-v3'

const value = ref<string[]>([])
</script>

<template>
  <du-checkbox v-model="value">
    <du-checkbox-option value="option 1">Option 1</du-checkbox-option>
    <du-checkbox-option value="option 2">Option 2</du-checkbox-option>
  </du-checkbox>
</template>

API

Checkbox Props

NameDescriptionTypeDefault
model-value / v-modelbinding valuestring[]-

Checkbox Slots

NameDescription
defaultcustomize content

Checkbox Option Props

NameDescriptionTypeDefault
valuevalue of the optionstring-

Checkbox Option Slots

NameDescription
defaultcustomize content