Un anneau qui montre la progression d’un coup d’œil, dans très peu d’espace.
Pourquoi c’est utile
- Compact
- Valeur dans l’anneau
- Accessible
Où il trouve sa place
- Cartes
- Boutons
- Tableaux de bord
Exemple
<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;
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.