Füllstand (Meter) — ui.meter
Füllstands-Anzeige eines bekannten Bereichs (Speicher, Kontingent) — färbt sich nach Schwellwerten, im Unterschied zu ui.progress (Fortschritt eines Vorgangs)
UI Elementv1.0.0Statusweb.documentweb.applicationdesktop.shellemail.client
Beispiele
Speicher OK
Speicher42 GB / 100 GB
Warnschwelle erreicht
Kontingent78 % / 100 %
Kritisch
Postfach9,5 GB / 10 GB
Ohne Schwellwerte
Auslastung55 / 100
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
value * | number | — |
max | number | 100 |
warnAt | number | 0 |
criticalAt | number | 0 |
label | string | "" |
showValue | boolean | true |
unit | string | "" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--meter-track | var(--color-surface-sunken) |
--meter-fill | var(--color-status-success) |
Genutzte Design-Tokens
color.status.danger color.status.success color.status.warning color.surface.sunken color.text.default color.text.muted container.sm duration.base easing.standard font.family.default font.family.mono radius.full size.2 text.sm text.xs