Checkbox
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 |