Füllstand (Meter)
Füllstands-Anzeige eines bekannten Bereichs (Speicher, Kontingent) — färbt sich nach Schwellwerten, im Unterschied zu ui.progress (Fortschritt eines Vorgangs)
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 | Builder-Label |
|---|---|---|---|
| value * | number | — | Wert |
| max | number | 100 | Maximum |
| warnAt | number | 0 | Warnung ab (0 = aus) |
| criticalAt | number | 0 | Kritisch ab (0 = aus) |
| label | string | "" | Beschriftung |
| showValue | boolean | true | Wert anzeigen |
| unit | string | "" | Einheit (z. B. GB) |
* Pflicht-Prop
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--meter-track | var(--color-surface-sunken) |
--meter-fill | var(--color-status-success) |
Genutzte Design-Tokens
color.status.dangercolor.status.successcolor.status.warningcolor.surface.sunkencolor.text.defaultcolor.text.mutedcontainer.smduration.baseeasing.standardfont.family.defaultfont.family.monoradius.fullsize.2text.smtext.xs
LLM-Notizen
ui.meter
Füllstands-Anzeige eines bekannten Bereichs (Speicher, Kontingent, Postfach): färbt sich nach Schwellwerten grün → gelb (warnAt) → rot (criticalAt). Abgrenzung: ui.progress = Fortschritt eines VORGANGS, ui.meter = Füllstand eines BEREICHS.
Beispiel-Node
{ "definition": "ui.meter", "props": { "label": "Speicher", "value": 78, "max": 100, "warnAt": 70, "criticalAt": 90, "unit": "GB" } }