Getallen verdienen een goed invoerveld. NumericField accepteert elk numeriek type, ook nullable, en houdt de waarde binnen de grenzen die je instelt.
Waarom het helpt
- Elk numeriek type, ook nullable
- Minimum en maximum worden gerespecteerd
- Past bij EditForm-validatie
Waar het past
- Aantallen en prijzen
- Leeftijds- of aantalvelden
- Instellingen met grenzen
Voorbeeld
<NumericField @bind-Value="_quantity" Label="Quantity" Min="0" Max="10" />
<NumericField @bind-Value="_price" Label="Price" Step="0.5" HelperText="Decimal values" />
<span>Quantity: @_quantity, price: @_price</span>
@code {
private int _quantity = 3;
private decimal _price = 9.5m;
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.