Slider
FreeDrag to choose a number in a range.
Example
Parameters
| Parameter | Type | Description |
|---|---|---|
Class | string | Extra CSS classes added to the root element. |
Disabled | bool | Disables interaction. |
DisplayName | string | Name used in validation messages. |
HelperText | string | Hint shown below the field. |
Label | string | Visible label text (charts: accessible name; IconButton: accessible name and tooltip). |
MarkStep | Double? | Distance between marks; defaults to a fifth of the range. |
Max | Double | Largest allowed value (ProgressBar: the value that means 100%; Rating: number of stars). |
Min | Double | Smallest allowed value. |
ReadOnly | bool | Shows the value but does not allow changes. |
ShowMarks | bool | Draws tick marks with numbers under the track. |
ShowValue | bool | Shows the current value next to the slider. |
Step | Double | Amount added or removed by the buttons and arrow keys. |
Style | string | Inline style added to the root element. |
Value | Double | Current value. Use with @bind-Value. |
Events
| Event | Type | Description |
|---|---|---|
ValueChanged | EventCallback<Double> | Raised when the value changes. |
Package
Slider is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3