Labeldescription*

Helper text

Option 1

Option 2

Option 3

Option 4

Usage

<script setup lang="ts">
import { CheckboxGroup } from "wedges-vue";
</script>

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

API Reference

CheckboxGroup

Alternatively, CheckboxGroupRoot can be used in place of this component.CheckboxGroup includes these props:

Prop	Type	Default
as	AsTag | Component	'div'
asChild	boolean	false
description	string
disabled	boolean	false
for	string
helperText	string
label	string
orientation	'horizontal' | 'vertical'
required	boolean	false
tooltip	string

Emit	Description
update:checked

CheckboxGroupItem

Shares all the properties of the Checkbox component. Details can be found here.

Examples

Vertical(description)*

Helper text

Option 1

Option 2

Option 3

Option 4

Option 5

Horizontal(disabled)

Helper text

Option 1

Option 2

Option 3