ValueWarnController

Purpose

Show a warning message when the user provided value of a numeric input (<input type="number"/>) exceeds the given bounds.

Actions

Action	Purpose
-	-

Targets

Target	Purpose	Default
input	The <input> whose value will be tested	-
warning	The place where the warning(s) will be output	-

Classes

Class	Purpose	Default
inputWarning (Optional)	The class(es) to apply to the inputTarget when the value of the input goes over/under the given thresholds	-
warningHide (Optional)	The class used to hide the warningTarget when there are no errors	hide

Values

Value	Type	Description	Default
min (Optional)	Number	The minimum value that inputValue can have	-
minMessage (Optional)	String	The warning text to show in warningTarget when the value of inputTarget exceeds the minimum value	Value must be less than ${minValue}
max (Optional)	Number	The maximum value that inputValue can have	-
maxMessage (Optional)	String	The warning text to show in warningTarget when the value of inputTarget exceeds the maximum value	Value must be greater than ${maxValue}

Events

Event	When	Dispatched on	event.detail
-	-	-	-

Side Effects

The controller will add an event listener for input to the input target.

How to Use