Listen-Zeile (Item) — ui.item
Universelle Listen-Zeile: Icon/Avatar-Fläche, Titel + Untertitel, Meta rechts, optionaler Chevron — Grundbaustein für Listen, Suchergebnisse, Auswahllisten
UI Elementv1.0.0Inhaltweb.documentweb.applicationdesktop.shellbuilder.preview
Beispiele
Mit Icon, Untertitel, Meta und Chevron (als Link)
Auftrag #4711Muster GmbH · 3 PositionenHervorgehoben, ohne Link
Aktive Auswahlwird gerade bearbeitet
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
title * | string | — |
subtitle | string | "" |
meta | string | "" |
icon | string | "" |
href | string | "" |
chevron | boolean | false |
active | boolean | false |
Stellschrauben (Komponenten-Tokens)
| 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.sunken color.text.default color.text.muted font.family.default radius.control size.10 size.3 text.md text.sm weight.medium