Interface InputBoxComponent

Matches the CSS style key and its available values.

Corresponds to the aria-hidden accessibility attribute for this component

Corresponds to the aria-label accessibility attribute for this component

Corresponds to the role accessibility attribute for this component

Corresponds to the aria-selected accessibility attribute for this component

Corresponds to the display CSS property for the element

Whether the component is enabled in the DOM

The maximum value allowed for the input. Only valid for number inputs.

The minimum value allowed for the input. Only valid for number inputs.

Event fired to notify that the component's validity has changed

The position CSS property. Empty by default. This is particularly useful if laying out components inside a FlexContainer and the size of the component is meant to be a fixed size. In this case the position must be set to 'absolute', with the parent FlexContainer having 'relative' position. Without this the component will fail to correctly size itself

Whether the input box is marked with the 'readonly' attribute

Whether to stop key event propagation when enter is pressed in the input box. Leaving this as false means the event will propagate up to any parents that have handlers (such as validate on Dialogs)

This title will show when hovered over

Whether the component is valid or not

The error message to show when custom validation fails. Note that built-in validations (such as min/max values) will use the default error messages for those validations as appropriate.