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