RangeSlider
FreeReglage med två handtag för att välja ett lägre och ett övre värde. Båda handtagen är inbyggda range-fält, så piltangenterna fungerar.
Exempel
Parametrar
| Parameter | Typ | Beskrivning |
|---|---|---|
Class | string | Extra CSS-klasser som läggs till på rotelementet. |
Disabled | bool | Inaktiverar interaktion. |
High | Double | Övre värde. Använd med @bind-High. |
Label | string | Synlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips). |
Low | Double | Lägre värde. Använd med @bind-Low. |
MarkStep | Double? | Avstånd mellan markeringar; som standard en femtedel av intervallet. |
Max | Double | Största tillåtna värde (ProgressBar: det värde som betyder 100 %; Rating: antal stjärnor). |
Min | Double | Minsta tillåtna värde. |
ShowMarks | bool | Ritar skalstreck med tal under banan. |
ShowValue | bool | Visar det aktuella värdet bredvid reglaget. |
Step | Double | Belopp som läggs till eller dras ifrån av knapparna och piltangenterna. |
Style | string | Inbäddad stil som läggs till på rotelementet. |
Händelser
| Händelse | Typ | Beskrivning |
|---|---|---|
HighChanged | EventCallback<Double> | Utlöses när det övre värdet ändras. |
LowChanged | EventCallback<Double> | Utlöses när det lägre värdet ändras. |
Paket
RangeSlider ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.
Skicka synpunkterVersion 1.0.3