Vælg en nedre og en øvre værdi med én kontrol. Begge håndtag er native range-input, så de opfører sig, som browsere og hjælpeteknologi forventer.
Hvorfor det hjælper
- To værdier, én kontrol
- Native range-input
- Mærker understøttet
Hvor det passer
- Prisfiltre
- Dato- eller aldersintervaller
- Pointgrænser
Eksempel
<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;
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.