**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**:
value: [@minValue]
value: [@maxValue]
value: [@minMaxValue]
private int minValue; private int maxValue; private int minMaxValue; **Precision**: private double precisionInputValue = 3.1415; **HideInput**: private int hideInputValue; **InvertMouseWheel**: private bool invertMouseWheel; **Events**:
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**:
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**:
Component Icon (FontAwesome):
Increment & Decrement Icons (FontAwesome):
Component Icon (Bootstrap):
Increment & Decrement Icons (Bootstrap):
**Style & Class**: **RTL**: