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 einen kurzen Titel, Namen oder Status.

Visuell unterscheidbar: Das Label sollte zwar die Glimmer-Ästhetik von Jetpack Compose aufweisen, aber dennoch so gestaltet sein, dass es als Label und nicht als interaktive Schaltfläche erkennbar ist.

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 Titelschnipsel als Aufforderung zum Tippen, da sie keinen Fokusstatus haben. Verwenden Sie stattdessen eine Schaltfläche.

Designelemente sollten am unteren Rand des Frames verankert werden. Titel-Chips können mit einer statischen Leiste für mobile Apps verglichen werden.

Innerhalb eines Layouts

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

Chips scrollen mit dem Layout
Alternativ können Chips im Layout fixiert werden. Das Chip-Element nimmt die oberen 56 dp ein.

Anatomie

Designelemente sollten am unteren Rand des Frames verankert werden. Standard-Titelchip und fixierter Titelchip werden angezeigt. Fixierte Titel-Chips werden mit einer Umrisslinie angezeigt.

1. Label für Titel-Chips

2. Optionales führendes Symbol oder Element

Personalisierung

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

Properties Personalisierung Standardeinstellungen
Form Ja Groß, Kreis
Padding Ja 16 dp, 8 dp
Rahmen 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