RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

RangeSlider

Free

Schieberegler mit zwei Griffen zur Wahl eines unteren und eines oberen Werts. Beide Griffe sind native range-Eingaben, sodass die Pfeiltasten funktionieren.

Beispiel

Steuerelement RangeSlider

Parameter

ParameterTypBeschreibung
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
DisabledboolDeaktiviert die Interaktion.
HighDoubleOberer Wert. Verwenden Sie es mit @bind-High.
LabelstringSichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
LowDoubleUnterer Wert. Verwenden Sie es mit @bind-Low.
MarkStepDouble?Abstand zwischen Markierungen; standardmäßig ein Fünftel des Bereichs.
MaxDoubleGrößter zulässiger Wert (ProgressBar: der Wert, der 100 % bedeutet; Rating: Anzahl der Sterne).
MinDoubleKleinster zulässiger Wert.
ShowMarksboolZeichnet Skalenstriche mit Zahlen unter der Bahn.
ShowValueboolZeigt den aktuellen Wert neben dem Schieberegler.
StepDoubleBetrag, der von den Schaltflächen und Pfeiltasten addiert oder abgezogen wird.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.

Ereignisse

EreignisTypBeschreibung
HighChangedEventCallback<Double>Wird ausgelöst, wenn sich der obere Wert ändert.
LowChangedEventCallback<Double>Wird ausgelöst, wenn sich der untere Wert ändert.

Paket

RangeSlider gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.