RangeSlider
FreeSchuifregelaar met twee handvatten om een lagere en een hogere waarde te kiezen. Beide handvatten zijn native range-invoer, zodat de pijltoetsen werken.
Voorbeeld
Parameters
| Parameter | Type | Beschrijving |
|---|---|---|
Class | string | Extra CSS-klassen die aan het hoofdelement worden toegevoegd. |
Disabled | bool | Schakelt interactie uit. |
High | Double | Hogere waarde. Gebruik met @bind-High. |
Label | string | Zichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo). |
Low | Double | Lagere waarde. Gebruik met @bind-Low. |
MarkStep | Double? | Afstand tussen markeringen; standaard een vijfde van het bereik. |
Max | Double | Grootste toegestane waarde (ProgressBar: de waarde die 100% betekent; Rating: aantal sterren). |
Min | Double | Kleinste toegestane waarde. |
ShowMarks | bool | Tekent streepjes met getallen onder de baan. |
ShowValue | bool | Toont de huidige waarde naast de schuifregelaar. |
Step | Double | Hoeveelheid die door de knoppen en pijltoetsen wordt opgeteld of afgetrokken. |
Style | string | Inline stijl die aan het hoofdelement wordt toegevoegd. |
Gebeurtenissen
| Gebeurtenis | Type | Beschrijving |
|---|---|---|
HighChanged | EventCallback<Double> | Geactiveerd wanneer de hogere waarde verandert. |
LowChanged | EventCallback<Double> | Geactiveerd wanneer de lagere waarde verandert. |
Pakket
RangeSlider maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.
Feedback sturenVersie 1.0.3