**NumberField** NumberInput A NumberField allows you to enter any number type and format you want. It could be a decimal number or integer number with a suffix and so on. Also, give you the capability to show or hide increment and decrement keys.
**Basic**:
**Label**:
This is custom Label
**Icons**:
**ShowClearButton**:
**NumberFormat**:
**Prefix & Suffix**:
**Binding**:
private double oneWayValue;
private double twoWayValue;
**Min & Max**:
private double precisionInputValue = 3.1415;
**HideInput**:
private int hideInputValue;
**InvertMouseWheel**:
private bool invertMouseWheel;
**Events**:
Submit
public class BitNumberFieldValidationModel
{
[Required(ErrorMessage = "Enter an age")]
[Range(1, 150, ErrorMessage = "Nobody is that old")]
public int? Age { get; set; }
}
private BitNumberFieldValidationModel validationModel = new();
**External Icons**:
**Style & Class**:
**RTL**:
value: [@minValue]
value: [@maxValue]
value: [@minMaxValue]
private int minValue;
private int maxValue;
private int minMaxValue;
**Precision**:
OnIncrement Counter: @onIncrementCounter
OnDecrement Counter: @onDecrementCounter
OnChange Counter: @onChangeCounter
private int onIncrementCounter;
private int onDecrementCounter;
private int onChangeCounter;
**NormalizeDigits**:
Value: @normalizeOffValue
Value: @normalizeOnValue
Value: @normalizeDecimalValue
Value: @customNormalizerValue
private int? normalizeOffValue;
private int? normalizeOnValue;
private double? normalizeDecimalValue;
private int? customNormalizerValue;
// Custom normalizer: maps any Unicode decimal digit to its Latin equivalent
// and strips spaces and thousand separators (Latin ',' and Persian '٬').
private string? CustomDigitsNormalizer(string? value)
{
if (string.IsNullOrEmpty(value)) return value;
var sb = new StringBuilder(value.Length);
foreach (var c in value)
{
if (c is ' ' or ',' or '٬') continue;
var digit = CharUnicodeInfo.GetDecimalDigitValue(c);
sb.Append(digit >= 0 ? (char)('0' + digit) : c);
}
return sb.ToString();
}
**Validation**:
Component Icon (FontAwesome):
Increment & Decrement Icons (FontAwesome):
Component Icon (Bootstrap):
Increment & Decrement Icons (Bootstrap):