Skip to main content Skip to navigation Skip to search

Checkbox

Checkbox Properties

Name Type Description
controlAlign "left" | "right" Align the labels of controls within group left or right
status neutral | error | success
controlWidth stretch | shrink
validate boolean Set the validate attribute to sync with HTML5 native validation https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation
responsive boolean By default forms will collapse to layout that prevents overflow. If disabled control layout may break or overflow in unexpected ways.
layout vertical | horizontal | compact
layoutChange EventEmitter<ControlLayout>
layoutStable boolean

Checkbox CSS Properties

Name
--color
--check-color
--background
--border-radius

Checkbox Slots

Name Description
default For projecting checkbox

Checkbox Group

Checkbox Group Properties

Name Type Description
status neutral | error | success
layout horizontal | horizontal -inline | vertical | vertical-inline | compact
controlAlign "left" | "right" Align the labels of controls within group left or right
disabled boolean Disable all controls within a control group or omit and disable controls individually
controlWidth stretch | shrink
responsive boolean By default forms will collapse to layout that prevents overflow. If disabled control layout may break or overflow in unexpected ways.
layoutStable boolean

Checkbox Group Slots

Name Description
default For projecting checkbox controls