0% Complete

Checkbox Group

#

Basic

CheckboxGroup is a wrapper for Checkbox component, it can be used to group multiple checkboxes in one component.

value: ["Peach"]
#

Custom Label

You can use default slot to pass a custom label for CheckboxGroup.

value: [{"text":"CSS","code":"css"}]
#

Color

Set color property to define background color for all Checkbox inside the CheckboxGroup

value: ["Peach"]
#

Inline

Set inline property to display all checkboxes in one line.

value: ["Apple"]
#

Reverse

reverse property can be used to put the checkboxes on the opposite side.

value: CSS,JavaScript
#

Binding

You can use items property to pass an array of items to CheckboxGroup component.

[]