Listen-Zeile (Item)

Universelle Listen-Zeile: Icon/Avatar-Fläche, Titel + Untertitel, Meta rechts, optionaler Chevron — Grundbaustein für Listen, Suchergebnisse, Auswahllisten

UI Elements v1.0.0 Inhalt WebsiteAppDesktop ui.item

Nutzt: ui.icon

Beispiele

Mit Icon, Untertitel, Meta und Chevron (als Link)
Hervorgehoben, ohne Link
Aktive Auswahlwird gerade bearbeitet

Eigenschaften

PropTypDefaultBuilder-Label
title *stringTitel
subtitlestring""Untertitel
metastring""Meta rechts
iconstring""Icon-Name (links)
hrefstring""Ziel (leer = kein Link)
chevronbooleanfalseChevron rechts
activebooleanfalseHervorgehoben

* Pflicht-Prop

Genutzte Design-Tokens

color.surface.sunkencolor.text.defaultcolor.text.mutedfont.family.defaultradius.controlsize.10size.3text.mdtext.smweight.medium