NumericRangeValidator (Angular)

This guide demonstrates how to use the NumericRangeValidator component.

The NumericRangeValidator will show its Text property unless the value of its Component is within the specified range.

NumericRangeValidator Properties

Name Type Default Description
Name string ‘numericRangeValidator’ + index suffix Unique name of NumericRangeValidator.
Text string ‘Not in the valid range’ The text that the validator will display.
Min number/expression   The minimum number value.
Max number/expression   The maximum number value.
Component string null The Name of a input component.
Visible boolean/expression true Is the NumericRangeValidator visible.


The NumericRangeValidator is used to verify that value of an Numeric component is within the specified range. You can specify Min, Max or both.

  1. Drag and drop a NumericRangeValidator from the Radzen toolbox.
  2. Set its Component property via the dropdown.
  3. Set the Min and or Max property.