Skip to main content Skip to navigation Skip to search

Input

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

Input CSS Properties

Name
--background
--background-size
--border
--border-color
--border-bottom
--outline
--padding
--font-size
--color
--line-height
--transition

Input Slots

Name Description
For projecting input and label