Aufgaben-Liste (Task)
Was der Agent gerade abarbeitet: Aufgaben mit Zustand (offen/läuft/fertig/Fehler), optionalen Unterpunkten und Fortschritts-Zeile
Nutzt: ui.icon
Beispiele
Agenten-Abarbeitung mit allen vier Zuständen
Was ich gerade tue2 von 5
- Offene Aufträge abfragen12 Treffer
- Nach Fälligkeit filtern2 überfällig
- Erinnerungen vorbereiten
- Versand bestätigen lassen
- Alte Belege archivierenAblage nicht erreichbar
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| title | string | "" | Überschrift |
| items * | array | — | Aufgaben |
| showProgress | boolean | true | Fortschritt zeigen |
* 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 |
|---|---|
--task-action-primary | var(--color-action-primary) |
--task-radius-control | var(--radius-control) |
--task-status-danger | var(--color-status-danger) |
--task-status-success | var(--color-status-success) |
--task-surface-sunken | var(--color-surface-sunken) |
--task-text-default | var(--color-text-default) |
--task-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
color.action.primarycolor.status.dangercolor.status.successcolor.surface.sunkencolor.text.defaultcolor.text.mutedfont.family.defaultradius.controlsize.3size.4size.5text.smtext.xsweight.semibold