En rett måler for én verdi, vannrett eller loddrett, med valgfrie fargede bånd.
Hvorfor det hjelper
- Rett måler
- Fargede bånd
- Kompakt
Hvor det passer
- Fremdrift
- Nivåer
- Kvoter
Eksempel
<Stack Wrap="true" Align="end" Spacing="6">
<div style="width:22rem">
<LinearGauge Label="Storage used" Value="72" Unit="%" Bands="_bands" />
<LinearGauge Label="Battery" Value="35" Unit="%" />
</div>
<div style="width:6rem">
<LinearGauge Label="Temperature" Vertical="true" Min="-20" Max="60" Value="24" Unit=" °C" />
</div>
</Stack>
@code {
private readonly GaugeBand[] _bands =
[
new(0, 60, Severity.Success),
new(60, 85, Severity.Warning),
new(85, 100, Severity.Error)
];
}Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Del av RayCraft Complete.