Skip to main content Skip to navigation Skip to search

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>
layoutStable boolean
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