Toggle
Toggle
Toggle 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 |
Toggle CSS Properties
Name |
---|
--background |
--border |
--border-radius |
--height |
--width |
--anchor-background |
--anchor-border-radius |
--anchor-width |
--anchor-height |
Toggle Slots
Name | Description |
---|---|
default | For projecting checkbox |
Toggle Group
Toggle 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 |
Toggle Group Slots
Name | Description |
---|---|
default | For projecting toggle controls |