Wählen Sie einen unteren und einen oberen Wert mit einem Steuerelement. Beide Regler sind native Range-Eingaben und verhalten sich so, wie Browser und Hilfstechnologien es erwarten.
Warum es hilft
- Zwei Werte, ein Steuerelement
- Native Range-Eingaben
- Markierungen unterstützt
Wo es passt
- Preisfilter
- Datums- oder Altersbereiche
- Punktegrenzen
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.