Listen-Zeile (Item)
Universelle Listen-Zeile: Icon/Avatar-Fläche, Titel + Untertitel, Meta rechts, optionaler Chevron — Grundbaustein für Listen, Suchergebnisse, Auswahllisten
Nutzt: ui.icon
Beispiele
Mit Icon, Untertitel, Meta und Chevron (als Link)
Hervorgehoben, ohne Link
Aktive Auswahlwird gerade bearbeitet
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| title * | string | — | Titel |
| subtitle | string | "" | Untertitel |
| meta | string | "" | Meta rechts |
| icon | string | "" | Icon-Name (links) |
| href | string | "" | Ziel (leer = kein Link) |
| chevron | boolean | false | Chevron rechts |
| active | boolean | false | Hervorgehoben |
* 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 |
|---|---|
--item-radius-control | var(--radius-control) |
--item-surface-sunken | var(--color-surface-sunken) |
--item-text-default | var(--color-text-default) |
--item-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
color.surface.sunkencolor.text.defaultcolor.text.mutedfont.family.defaultradius.controlsize.10size.3text.mdtext.smweight.medium