Эта страница переведена с помощью Cloud Translation API.

Вкладки

Вкладки — это кнопки, которые всегда располагаются группами и зависят от состояния друг друга: в любой момент времени может быть активна только одна из них.

Компонент кнопок

Кнопки, не являющиеся вкладками, могут работать независимо от других кнопок.

Анатомия

Технические характеристики

Вкладки вложены в панель приложения – выровнены по левому краю.

Панель приложения и компонент заголовка

Технические характеристики, рекомендации по стилю и многое другое.

Вкладки, вложенные в панель приложения – гибкое выравнивание.

Вкладки в панели приложения – выдвижное меню свернуты.

Панель приложения и компонент заголовка

Технические характеристики, рекомендации по стилю и многое другое.

Отдельная панель вкладок – выравнивание по левому краю

Автономная панель вкладок – гибкое выравнивание

Переполнение строки метки вкладки

Масштабирование макетов

Эти примеры макетов показывают, как адаптировать вкладки для экранов различной ширины и высоты. Обратите внимание, что все значения в пикселях указаны в отображаемых пикселях до какого-либо уменьшения или увеличения разрешения.

Сравнение стандартных и широких экранов в низком диапазоне высоты.

Сравнение стандартных и широких экранов в стандартном диапазоне высоты.

Сравнение стандартных и широких экранов в высоком диапазоне высот

Сверхширокие и суперширокие экраны во всех ценовых категориях по высоте.

Стили

Типография

Цвет

Размер

Примеры