Чипы названий

Чипы заголовков содержат небольшой фрагмент информации.

Элементы дизайна должны быть привязаны к нижней части кадра.

Принципы

Контекст. Основная цель чипа заголовка – предоставить понятный и непосредственный контекст для контента, с которым он связан.

Краткость. Чипы заголовков предназначены для краткой информации, обычно это краткое название, имя или статус.

Визуальное отличие. Хотя ярлык имеет ту же эстетику, что и Jetpack Compose Glimmer, он должен выглядеть достаточно отличимо, чтобы его можно было распознать как ярлык, а не как интерактивную кнопку.

Использование и размещение

По умолчанию чип заголовка доступен только для чтения.

Используйте чип заголовка для статического или декоративного элемента, чтобы информировать пользователя и добавлять метки.
Используйте чипы заголовков в качестве подсказки для действия, которое можно выполнить нажатием. Поскольку у них нет состояния фокуса, используйте вместо них кнопку.

Элементы дизайна должны быть привязаны к нижней части кадра.
Чипы заголовков можно сравнить со статической панелью приложения.

A Чип заголовка

B Панель приложения в мобильном приложении

В макете

По умолчанию чип заголовка доступен только для чтения.

Чипы прокручиваются вместе с макетом.
Также чипы можно зафиксировать в макете.

Анатомия

Элементы дизайна должны быть привязаны к нижней части кадра.

Показаны чип заголовка по умолчанию и закрепленный чип заголовка. Закрепленные чипы названий отображаются с контуром.

1. Ярлык чипов заголовка

2. Необязательный значок или объект перед текстом

Настройка канала

Чипы заголовков могут отображаться со значком или без него, а также с другими свойствами стиля.

Свойства Настройка канала Значения по умолчанию
Фигура Да Большой, круглый
Поля Да 16 dp, 8 dp
Кайма Да 2 dp, #606460
Текст Да Мелкий основной текст
Значок перед текстом Да 40 dp
Глубина Да 0
Макс. ширина Нет 352 dp
Мин. высота Да 56 dp