Un grand nombre avec libellé et tendance facultative, conçu pour les tableaux de bord, avec de la place pour du contenu supplémentaire comme un sparkline.
Pourquoi c’est utile
- Grand chiffre
- Indication de tendance
- Contenu supplémentaire
Où il trouve sa place
- Tableaux de bord
- Résumés
- Cartes
Exemple
<Grid>
<GridItem Span="12" Md="4"><Statistic Label="Revenue" Value="$48,200" Delta="12.4% vs last month" Trend="StatTrend.Up" Icon="IconName.ChartLine" /></GridItem>
<GridItem Span="12" Md="4"><Statistic Label="Churn" Value="2.1%" Delta="0.4 pts" Trend="StatTrend.Up" LowerIsBetter="true" /></GridItem>
<GridItem Span="12" Md="4"><Statistic Label="Open tickets" Value="37" Delta="5 fewer" Trend="StatTrend.Down" LowerIsBetter="true"><Sparkline Values="@(new double[] { 8, 6, 9, 7, 5, 6, 4 })" /></Statistic></GridItem>
</Grid>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.