Appearance
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
| Name | Description | Type | Default |
|---|---|---|---|
| model-value / v-model | binding value | string[] | - |
Checkbox Slots
| Name | Description |
|---|---|
| default | customize content |
Checkbox Option Props
| Name | Description | Type | Default |
|---|---|---|---|
| value | value of the option | string | - |
Checkbox Option Slots
| Name | Description |
|---|---|
| default | customize content |