RangeSelector
FreeA strip with two handles that selects an interval of a series; a small preview of the data sits behind the handles.
Example
Parameters
| Parameter | Type | Description |
|---|---|---|
Categories | IReadOnlyList<string> | Labels along the horizontal axis. |
Class | string | Extra CSS classes added to the root element. |
Disabled | bool | Disables interaction. |
High | Double | Upper value. Use with @bind-High. |
Label | string | Visible label text (charts: accessible name; IconButton: accessible name and tooltip). |
Low | Double | Lower value. Use with @bind-Low. |
Max | Double? | Largest allowed value (ProgressBar: the value that means 100%; Rating: number of stars). |
Min | Double | Smallest allowed value. |
PreviewHeight | Double | Height of the data preview in pixels. |
Step | Double | Amount added or removed by the buttons and arrow keys. |
Style | string | Inline style added to the root element. |
Values | IEnumerable<Double> | The numbers to plot. |
Events
| Event | Type | Description |
|---|---|---|
HighChanged | EventCallback<Double> | Raised when the upper value changes. |
LowChanged | EventCallback<Double> | Raised when the lower value changes. |
RangeChanged | EventCallback<ValueTuple<Double, Double>> | Raised with the low and high value after either handle moved. |
Package
RangeSelector is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3