Listengruppe — component.list-group
Gerahmte Eintragsliste (Bootstrap list-group): Einträge mit Titel, Beschreibung, Badge und optionalem Link — aktiv/deaktiviert je Eintrag
Componentv1.0.0Inhaltweb.documentweb.applicationdesktop.shell
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 |
|---|---|---|
items * | array | — |
flush | boolean | false |
Events & Slots
Events: navigate
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--list-group-border | var(--color-border-subtle) |
--list-group-active | var(--color-action-primary) |
Genutzte Design-Tokens
border.hairline color.action.primary color.border.subtle color.surface.default color.surface.sunken color.text.default color.text.muted font.family.default opacity.disabled radius.surface size.1 size.3 size.4 text.md text.sm weight.semibold