Titel-Chips

Titel-Chips enthalten kurze Informationen.

Grundsätze

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

Kurz: Titel-Chips sind für kurze Informationen konzipiert, in der Regel ein kurzer Titel, Name oder Status.

Visuell unterscheidbar: Obwohl sie die Jetpack Compose Glimmer-Ästhetik aufweisen, sollten sie sich optisch so weit von anderen Elementen unterscheiden, dass sie als Label und nicht als interaktive Schaltfläche erkannt werden.

Verwendung und Platzierung

Der Titel-Chip ist standardmäßig eine schreibgeschützte Komponente.

check_circle

Das sollten Sie tun

Verwenden Sie einen Titel-Chip für ein statisches oder dekoratives Element, um den Nutzer zu informieren und ein Label zu erstellen.

cancel

Das sollten Sie nicht tun

Verwenden Sie keine Titel-Chips als anklickbare Aktionsaufforderung, da sie keinen Fokusstatus haben. Verwenden Sie stattdessen eine Schaltfläche.

Titel-Chips können mit einer statischen mobilen App-Leiste verglichen werden.

A Titel-Chip

B App-Leiste in der mobilen App

In einem Layout

Der Titel-Chip ist standardmäßig eine schreibgeschützte Komponente.

Anatomie

Standard-Titel-Chip und Sticky-Titel-Chip. Sticky-Titel-Chips werden mit einer Umrandung angezeigt.

1. Label für Titel-Chip

2. Optionales vorangestelltes Symbol oder Entität

Anpassung

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