RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

RangeSlider

Free

Curseur à deux poignées pour choisir une valeur basse et une valeur haute. Les deux poignées sont des entrées range natives, si bien que les flèches fonctionnent.

Exemple

Contrôle RangeSlider

Paramètres

ParamètreTypeDescription
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
DisabledboolDésactive l'interaction.
HighDoubleValeur haute. À utiliser avec @bind-High.
LabelstringTexte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle).
LowDoubleValeur basse. À utiliser avec @bind-Low.
MarkStepDouble?Distance entre les repères ; par défaut un cinquième de la plage.
MaxDoublePlus grande valeur autorisée (ProgressBar : la valeur qui signifie 100 % ; Rating : nombre d'étoiles).
MinDoublePlus petite valeur autorisée.
ShowMarksboolDessine des graduations avec des nombres sous la piste.
ShowValueboolAffiche la valeur actuelle à côté du curseur.
StepDoubleQuantité ajoutée ou retirée par les boutons et les flèches.
StylestringStyle en ligne ajouté à l'élément racine.

Événements

ÉvénementTypeDescription
HighChangedEventCallback<Double>Déclenché quand la valeur haute change.
LowChangedEventCallback<Double>Déclenché quand la valeur basse change.

Paquet

RangeSlider fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.