Eine gerade Anzeige für einen Wert, waagerecht oder senkrecht, mit optionalen farbigen Bereichen.
Warum es hilft
- Gerade Anzeige
- Farbige Bereiche
- Kompakt
Wo es passt
- Fortschritt
- Füllstände
- Kontingente
Beispiel
<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)
];
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
Teil von RayCraft Complete.