PercentField
FreeNumber field that the user types as a percentage (12.5) while the value is stored as a fraction (0.125). Min and Max are in percent (0 to 100 by default); Decimals sets how many digits are kept.
Example
Parameters
| Parameter | Type | Description |
|---|---|---|
Class | string | Extra CSS classes added to the root element. |
Decimals | int | Digits kept after the decimal point of the percentage (default 2). |
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). |
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. |
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
PercentField is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3