Titel-Chips

Titel-Chips enthalten kurze Informationen.

Designelemente sollten am unteren Rand des Frames verankert werden.

Grundsätze

Kontextbezogen: Der primäre Zweck eines Titel-Chips besteht darin, einen klaren und unmittelbaren Kontext für die zugehörigen Inhalte zu liefern.

Kompakt: Titel-Chips sind für kurze Informationen konzipiert, in der Regel für einen kurzen Titel, Namen oder Status.

Visuell unterscheidbar: Das Label sollte zwar die Ästhetik von Jetpack Compose Glimmer aufweisen, aber dennoch so aussehen, dass es als Label und nicht als interaktive Schaltfläche erkannt wird.

Nutzung und Platzierung

Der Titel-Chip ist standardmäßig schreibgeschützt.

Verwenden Sie einen Titel-Chip für ein statisches oder dekoratives Element, um den Nutzer zu informieren und ein Label zu erstellen.
Verwenden Sie Titel-Chips als Aufforderung für eine Tippaktion. Da sie keinen Fokusstatus haben, sollten Sie stattdessen eine Schaltfläche verwenden.

Designelemente sollten am unteren Rand des Frames verankert sein.
Titel-Chips können mit einer statischen Leiste in einer mobilen App verglichen werden.

Innerhalb eines Layouts

Der Titel-Chip ist standardmäßig schreibgeschützt.

>Chips scroll with the layout
(Chips scrollen mit dem Layout)
Alternativ können Chips im Layout fixiert werden.

Anatomie

Designelemente sollten am unteren Rand des Frames verankert werden.

Chip mit Standardtitel und Chip mit fixiertem Titel werden angezeigt. Fixierte Titel-Chips werden mit einem Umriss angezeigt.

1. Label für Titel-Chips

2. Optionales vorangestelltes Symbol oder vorangestellte Entität

Anpassung

Titel-Chips können mit oder ohne Symbol zusammen mit anderen Stileigenschaften angezeigt werden.

Properties Anpassung Standardeinstellungen
Form Ja Groß, Kreis
Abstand Ja 16 dp, 8 dp
Rand Ja 2 dp, #606460
Text Ja Body Small
Vorangestelltes Symbol Ja 40 dp
Tiefe Ja 0
Maximale Breite Nein 352 dp
Mindesthöhe Ja 56 dp