Определение

Tabs (табы, вкладки) — компонент, группирующий контент на несколько разделов и позволяющий пользователям перемещаться между ними. Содержимое вкладок должно быть взаимосвязанным и составлять единое целое. Рекомендуется использовать для второстепенной навигации.

Варианты и состояния

Компонент tabs бывают 2 видов:

• default — табы, разделенные линией от основного контента;
• container —  табы, находящиеся на фоновом контейнере, который может быть стилизован простой обводкой или областью с тенью.

Основные правила

Названия вкладок должны:

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

Построение

• Соблюдение отступов внутри и снаружи — обязательное условие.