Velg en nedre og en øvre verdi med én kontroll. Begge håndtakene er native range-inndata, så de oppfører seg slik nettlesere og hjelpemidler forventer.
Hvorfor det hjelper
- To verdier, én kontroll
- Native range-inndata
- Markeringer støttes
Hvor det passer
- Prisfiltre
- Dato- eller aldersintervaller
- Poenggrenser
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.