Välj ett nedre och ett övre värde med en kontroll. Båda handtagen är native range-inmatningar, så de beter sig som webbläsare och hjälpmedel förväntar sig.
Varför det hjälper
- Två värden, en kontroll
- Native range-inmatningar
- Markeringar stöds
Var det passar
- Prisfilter
- Datum- eller åldersintervall
- Poänggränser
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.