Вкладки (Tabs)

Вкладки – это один из способов группировки контента. Но они также используются для навигации, поэтому их описание находится в разделе Навигация.

Секции

Секции используются для группировки одинакового контента в пределах одной страницы. Каждая секция может иметь или не иметь заголовок, которые описывает ее содержимое. Использование секций также рекомендуется, когда вкладки на странице уже используются, и необходима дальнейшая группировка контента в пределах одной вкладки.

Секции с заголовками

Нередактируемый заголовок

Если на странице несколько секций, используйте секции с нередактируемыми заголовками.

  • Заголовок должен ясно сообщать, какая информация содержится в секции.
  • Составляйте надписи заголовков из 1-2 слов.
  • Помещайте поля ввода и элементы управления, относящиеся к одной и той же теме, в одну и ту же секцию. Например, если вы редактируете информацию о домене, вы можете создать одну группу информации о самом домене, другую – о его администраторе.

image-79850.png

Редактируемый заголовок

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

image-79795.png

image-79796.png

Секции без заголовков

Если на странице содержится только одна секция, использовать заголовок для этой секции необязательно.

Пример: Секция, содержащая информацию о статусе для карточки экземпляра WordPress.

image-79797.png

Сворачиваемые секции

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

Пример: Секции свернуты.

image-79798.png

Пример: Секции развернуты.

image-79799.png

Дополнительное значение

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

image-79800.png