Ein Ring, der den Fortschritt auf einen Blick zeigt, auf sehr wenig Platz.
Warum es hilft
- Kompakt
- Wert im Ring
- Barrierefrei
Wo es passt
- Karten
- Schaltflächen
- Dashboards
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.