Вкладки (Tabs) и кнопки (Pills) - Наполняем сайт. Секции страницы

Вкладки (Tabs) и кнопки (Pills)

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

Один вариант таких секций мы рассмотрели - это вкладки. Для того чтобы они всегда формировались корректно в родительском элементе должен быть установлен Section Style = Tab.

Второй вариант - это текстовые блоки переключающиеся с помощью элемента Pill. Навигационные элементы Pills так же располагаются горизонтально над текстовыми блоками.

Для эксперимента в разделе Адениум в Описании установим Section Style = Tab, а в разделе Шлюмбергера в Описании установим Section Style = Pill.

Стили секций Tab  и Pill в сущности очень похожи. Изменяется только оформление навигационных элементов

Сгенерируем сайт и посмотрим на результат:

Вкладки >>>

Pills >>>