Kies een onder- en een bovenwaarde met één besturing. Beide knoppen zijn native range-invoer, dus ze gedragen zich zoals browsers en hulptechnologie verwachten.
Waarom het helpt
- Twee waarden, één besturing
- Native range-invoer
- Markeringen ondersteund
Waar het past
- Prijsfilters
- Datum- of leeftijdsbereiken
- Scoregrenzen
Voorbeeld
<RangeSlider @bind-Low="_low" @bind-High="_high" Label="Price range" Min="0" Max="1000" Step="10" />
<span>From @_low to @_high</span>
@code {
private double _low = 200;
private double _high = 700;
}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.