Een ring die de voortgang in één oogopslag toont, op heel weinig ruimte.
Waarom het helpt
- Compact
- Waarde in de ring
- Toegankelijk
Waar het past
- Kaarten
- Knoppen
- Dashboards
Voorbeeld
<Stack Align="center" Spacing="6">
<ProgressCircular Value="@_value" Label="Upload progress" Size="Size.Small" />
<ProgressCircular Value="@_value" Label="Upload progress" />
<ProgressCircular Value="@_value" Label="Upload progress" Size="Size.Large" />
<Slider @bind-Value="_value" Min="0" Max="100" Label="Value" />
</Stack>
@code {
private double _value = 64;
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.