Crestron Components Lib - Showcase App

ch5-textinput: minValue & maxValue attributes

A usage of the minValue attribute:
Used only for input[type="number"] elements.
To make the input valid, a value greater than 10 must be passed. An error message will be displayed if the value is lower than 10.
<form id="minValueForm">
  <ch5-textinput
    type="number"
    required
    minValue="10"
    feedbackMode="submit"
  ></ch5-textinput>
  <input type="submit" />
</form>
A usage of the maxValue attribute:
Used only for input[type="number"] elements. To make the input valid, a value lower than 10 must be passed. An error message will be displayed if the value is lower than 10.
<form id="maxValueForm">
  <ch5-textinput
    type="number"
    maxValue="10"
    required
    feedbackMode="submit"
  ></ch5-textinput>
  <input type="submit" />
</form>
A usage of the minValue attribute within a input[type="text"] element:
Result: The min attribute should not be seen on the input. (Inspect the input element to confirm.)
<ch5-textinput
  minValue="10"
  feedbackMode="submit"
></ch5-textinput>