Control

Control Properties

Name	Type	Description
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>

Name
--label-width

Control Slots

Name	Description
	For projecting input and label

Control Message

Control Message Properties

Name	Type	Description
status	neutral | error | success	Set the status of form control message validation
error	ValidityStateKey	Defines the HTML5 ValidityState message of given control https://developer.mozilla.org/en-US/docs/Web/API/ValidityState

Control Message CSS Properties

Name
--color
--font-size
--font-weight
--max-width
--min-width

Control Message Slots

Name	Description
	For projecting helper message text