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 Set the status of form control validation
controlWidth stretch | shrink Adjust the control from the default full width or the browser default width
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 Set to adjust the default control layout. When `responsive` is true this will be the largest size to scale to.
layoutChange EventEmitter<ControlLayout>

Checkbox CSS Properties

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

Checkbox Slots

Name Description
For projecting checkbox

Checkbox Group

Checkbox Group Properties

Name Type Description
status neutral | error | success Set the status of control group validation
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 Adjust the control from the default full width or the browser default width
responsive boolean By default forms will collapse to layout that prevents overflow. If disabled control layout may break or overflow in unexpected ways.
layoutStable

Checkbox Group Slots

Name Description
For projecting checkbox controls