0% Complete

FormCheckboxGroup

#

Basic usage

FormCheckboxGroup is similar to CheckboxGroup component with decoration features inside the form.

value: []
#

Custom label

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

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

Colors

Set color property to define background color for all Checkboxes.

value: CSS
#

Inline

Set inline property to display inline all Checkboxes inside the CheckboxGroup

value: CSS,Svelte
#

Binding

Set an array of objects to items property and define label.

value: []
#

Layout

Use default row and col properties to change layout of the FormCheckboxes inside forms.

{"languages":["CSS"],"colors":["Blue","Yellow"],"fruits":[]}