Listengruppe
Gerahmte Eintragsliste (Bootstrap list-group): Einträge mit Titel, Beschreibung, Badge und optionalem Link — aktiv/deaktiviert je Eintrag
Nutzt: ui.badge
Beispiele
Aufgabenliste mit Badges
- Angebot Kunde ACMEFällig heute 16:00dringend
- Rechnungslauf prüfen14 offene Belege14
- Altsystem-Exportwartet auf Freigabe
Flush (rahmenlos, z. B. in einer Card)
- Eintrag A
- Eintrag B
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| items * | array | — | Einträge |
| flush | boolean | false | Ohne Außenrahmen (flush) |
* Pflicht-Prop
Events & Slots
Events:
⚡ navigate — im Surface per on: {<event>: {action, params}} verdrahtbar.
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 |
|---|---|
--list-group-border | var(--color-border-subtle) |
--list-group-active | var(--color-action-primary) |
Genutzte Design-Tokens
border.hairlinecolor.action.primarycolor.border.subtlecolor.surface.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedfont.family.defaultopacity.disabledradius.surfacesize.1size.3size.4text.mdtext.smweight.semibold