Hoppa till innehållet
CONTENT · FREE

Statistic

Stora tal med etikett och trend, gjorda för instrumentpaneler.

Ett stort tal med etikett och valfri trend, byggt för instrumentpaneler, med plats för extra innehåll som en sparkline.

Varför det hjälper

  • Stor siffra
  • Trendindikering
  • Extra innehåll

Var det passar

  • Instrumentpaneler
  • Sammanfattningar
  • Kort
Kontrollen Statistic på en RayCraft-sida

Exempel

<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>

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation