Tabs

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

Добавление, удаление и выбор вкладок

Каждая вкладка состоит из двух частей:

• Заголовок вкладки — кликабельная метка (Tab 1, Tab 2 и т. д.).
• Содержимое вкладки — один контейнер на каждую вкладку. Всё, что вы помещаете в контейнер, отображается при выборе соответствующей вкладки.

Нажмите Add tab, чтобы добавить новую вкладку. Для каждой новой вкладки автоматически создаётся соответствующий контейнер содержимого.

Чтобы определённая вкладка была активной при первом открытии экрана, включите переключатель Selected by default.

Стилизация вкладок

Шаблоны

Flow & Paywall Builder предлагает три готовых шаблона вкладок:

• Segment control — переключатель в форме таблетки с закруглёнными углами вокруг выбранной вкладки.
• Button Tabs — отдельные вкладки в стиле кнопок.
• Underline — текстовые метки с подчёркиванием активной вкладки.

Состояния вкладок

У каждой вкладки есть переключатель состояний (Default / Selected), позволяющий отдельно настроить стили активного и неактивного состояния — типографику, цвета, заливку и рамку для каждого из них.

Выбираемая группа

Вкладки — это одиночная выбираемая группа: в каждый момент активна ровно одна вкладка. Управлять группой можно в панели Screen settings в разделе Selectable groups.

Группа предоставляет две переменные:

• tabs.selectedOptionId — ID выбранной вкладки. Используйте в условиях.
• tabs.selectedOptionTitle — метка выбранной вкладки. Используйте в динамическом тексте.

Замените tabs на свой Group ID, если переименовали группу.

Подробнее см. в разделе Выбираемые элементы и группы.