div-tabs

Табы. Высота первого таба определяется его содержимым, а высота остальных зависит от платформы.

JSON

{
  type*: "tabs",
  accessibility: {
    description: "string",
    hint: "string",
    mode: "string",
    mute_after_action: "bool_int",
    state_description: "string",
    type: "string"
  },
  alignment_horizontal: "string",
  alignment_vertical: "string",
  alpha: "number",
  background: [ div-background, ... ],
  border: {
    corner_radius: "int",
    corners_radius: {
      bottom-left: "int",
      bottom-right: "int",
      top-left: "int",
      top-right: "int"
    },
    has_shadow: "bool_int",
    shadow: {
      alpha: "number",
      blur: "int",
      color: "string",
      offset*: {
        x*: {
          unit: "string",
          value*: "number"
        },
        y*: {
          unit: "string",
          value*: "number"
        }
      }
    },
    stroke: {
      color*: "string",
      unit: "string",
      width: "int"
    }
  },
  column_span: "int",
  disappear_actions: [
    {
      disappear_duration: "int",
      download_callbacks: {
        on_fail_actions: [
          {
            download_callbacks: div-download-callbacks,
            is_enabled: "bool_int",
            log_id*: "string",
            log_url: "string",
            menu_items: [
              {
                action: div-action,
                actions: [ div-action, ... ],
                text*: "string"
              },
              ...
            ],
            payload: "object",
            referer: "string",
            target: "string",
            typed: div-action-typed,
            url: "string"
          },
          ...
        ],
        on_success_actions: [
          {
            download_callbacks: div-download-callbacks,
            is_enabled: "bool_int",
            log_id*: "string",
            log_url: "string",
            menu_items: [
              {
                action: div-action,
                actions: [ div-action, ... ],
                text*: "string"
              },
              ...
            ],
            payload: "object",
            referer: "string",
            target: "string",
            typed: div-action-typed,
            url: "string"
          },
          ...
        ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_limit: "int",
      payload: "object",
      referer: "string",
      typed: div-action-typed,
      url: "string",
      visibility_percentage: "int"
    },
    ...
  ],
  dynamic_height: "bool_int",
  extensions: [
    {
      id*: "string",
      params: "object"
    },
    ...
  ],
  focus: {
    background: [ div-background, ... ],
    border: {
      corner_radius: "int",
      corners_radius: {
        bottom-left: "int",
        bottom-right: "int",
        top-left: "int",
        top-right: "int"
      },
      has_shadow: "bool_int",
      shadow: {
        alpha: "number",
        blur: "int",
        color: "string",
        offset*: {
          x*: {
            unit: "string",
            value*: "number"
          },
          y*: {
            unit: "string",
            value*: "number"
          }
        }
      },
      stroke: {
        color*: "string",
        unit: "string",
        width: "int"
      }
    },
    next_focus_ids: {
      down: "string",
      forward: "string",
      left: "string",
      right: "string",
      up: "string"
    },
    on_blur: [
      {
        download_callbacks: {
          on_fail_actions: [ div-action, ... ],
          on_success_actions: [ div-action, ... ]
        },
        is_enabled: "bool_int",
        log_id*: "string",
        log_url: "string",
        menu_items: [
          {
            action: div-action,
            actions: [ div-action, ... ],
            text*: "string"
          },
          ...
        ],
        payload: "object",
        referer: "string",
        target: "string",
        typed: div-action-typed,
        url: "string"
      },
      ...
    ],
    on_focus: [
      {
        download_callbacks: {
          on_fail_actions: [ div-action, ... ],
          on_success_actions: [ div-action, ... ]
        },
        is_enabled: "bool_int",
        log_id*: "string",
        log_url: "string",
        menu_items: [
          {
            action: div-action,
            actions: [ div-action, ... ],
            text*: "string"
          },
          ...
        ],
        payload: "object",
        referer: "string",
        target: "string",
        typed: div-action-typed,
        url: "string"
      },
      ...
    ]
  },
  has_separator: "bool_int",
  height: div-size,
  id: "string",
  items*: [
    {
      div*: div,
      title*: "string",
      title_click_action: {
        download_callbacks: {
          on_fail_actions: [ div-action, ... ],
          on_success_actions: [ div-action, ... ]
        },
        is_enabled: "bool_int",
        log_id*: "string",
        log_url: "string",
        menu_items: [
          {
            action: div-action,
            actions: [ div-action, ... ],
            text*: "string"
          },
          ...
        ],
        payload: "object",
        referer: "string",
        target: "string",
        typed: div-action-typed,
        url: "string"
      }
    },
    ...
  ],
  margins: {
    bottom: "int",
    end: "int",
    left: "int",
    right: "int",
    start: "int",
    top: "int",
    unit: "string"
  },
  paddings: {
    bottom: "int",
    end: "int",
    left: "int",
    right: "int",
    start: "int",
    top: "int",
    unit: "string"
  },
  restrict_parent_scroll: "bool_int",
  row_span: "int",
  selected_actions: [
    {
      download_callbacks: {
        on_fail_actions: [ div-action, ... ],
        on_success_actions: [ div-action, ... ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_url: "string",
      menu_items: [
        {
          action: div-action,
          actions: [ div-action, ... ],
          text*: "string"
        },
        ...
      ],
      payload: "object",
      referer: "string",
      target: "string",
      typed: div-action-typed,
      url: "string"
    },
    ...
  ],
  selected_tab: "int",
  separator_color: "string",
  separator_paddings: {
    bottom: "int",
    end: "int",
    left: "int",
    right: "int",
    start: "int",
    top: "int",
    unit: "string"
  },
  switch_tabs_by_content_swipe_enabled: "bool_int",
  tab_title_style: {
    active_background_color: "string",
    active_font_weight: "string",
    active_text_color: "string",
    animation_duration: "int",
    animation_type: "string",
    corner_radius: "int",
    corners_radius: {
      bottom-left: "int",
      bottom-right: "int",
      top-left: "int",
      top-right: "int"
    },
    font_family: "string",
    font_size: "int",
    font_size_unit: "string",
    font_weight: "string",
    inactive_background_color: "string",
    inactive_font_weight: "string",
    inactive_text_color: "string",
    item_spacing: "int",
    letter_spacing: "number",
    line_height: "int",
    paddings: {
      bottom: "int",
      end: "int",
      left: "int",
      right: "int",
      start: "int",
      top: "int",
      unit: "string"
    }
  },
  title_paddings: {
    bottom: "int",
    end: "int",
    left: "int",
    right: "int",
    start: "int",
    top: "int",
    unit: "string"
  },
  tooltips: [
    {
      animation_in: {
        duration: "int",
        end_value: "number",
        interpolator: "string",
        items: [ div-animation, ... ],
        name*: "string",
        repeat: div-count,
        start_delay: "int",
        start_value: "number"
      },
      animation_out: {
        duration: "int",
        end_value: "number",
        interpolator: "string",
        items: [ div-animation, ... ],
        name*: "string",
        repeat: div-count,
        start_delay: "int",
        start_value: "number"
      },
      div*: div,
      duration: "int",
      id*: "string",
      offset: {
        x*: {
          unit: "string",
          value*: "number"
        },
        y*: {
          unit: "string",
          value*: "number"
        }
      },
      position*: "string"
    },
    ...
  ],
  transform: {
    pivot_x: div-pivot,
    pivot_y: div-pivot,
    rotation: "number"
  },
  transition_change: div-change-transition,
  transition_in: div-appearance-transition,
  transition_out: div-appearance-transition,
  transition_triggers: [ "string", ... ],
  visibility: "string",
  visibility_action: {
    download_callbacks: {
      on_fail_actions: [
        {
          download_callbacks: div-download-callbacks,
          is_enabled: "bool_int",
          log_id*: "string",
          log_url: "string",
          menu_items: [
            {
              action: div-action,
              actions: [ div-action, ... ],
              text*: "string"
            },
            ...
          ],
          payload: "object",
          referer: "string",
          target: "string",
          typed: div-action-typed,
          url: "string"
        },
        ...
      ],
      on_success_actions: [
        {
          download_callbacks: div-download-callbacks,
          is_enabled: "bool_int",
          log_id*: "string",
          log_url: "string",
          menu_items: [
            {
              action: div-action,
              actions: [ div-action, ... ],
              text*: "string"
            },
            ...
          ],
          payload: "object",
          referer: "string",
          target: "string",
          typed: div-action-typed,
          url: "string"
        },
        ...
      ]
    },
    is_enabled: "bool_int",
    log_id*: "string",
    log_limit: "int",
    payload: "object",
    referer: "string",
    typed: div-action-typed,
    url: "string",
    visibility_duration: "int",
    visibility_percentage: "int"
  },
  visibility_actions: [
    {
      download_callbacks: {
        on_fail_actions: [
          {
            download_callbacks: div-download-callbacks,
            is_enabled: "bool_int",
            log_id*: "string",
            log_url: "string",
            menu_items: [
              {
                action: div-action,
                actions: [ div-action, ... ],
                text*: "string"
              },
              ...
            ],
            payload: "object",
            referer: "string",
            target: "string",
            typed: div-action-typed,
            url: "string"
          },
          ...
        ],
        on_success_actions: [
          {
            download_callbacks: div-download-callbacks,
            is_enabled: "bool_int",
            log_id*: "string",
            log_url: "string",
            menu_items: [
              {
                action: div-action,
                actions: [ div-action, ... ],
                text*: "string"
              },
              ...
            ],
            payload: "object",
            referer: "string",
            target: "string",
            typed: div-action-typed,
            url: "string"
          },
          ...
        ]
      },
      is_enabled: "bool_int",
      log_id*: "string",
      log_limit: "int",
      payload: "object",
      referer: "string",
      typed: div-action-typed,
      url: "string",
      visibility_duration: "int",
      visibility_percentage: "int"
    },
    ...
  ],
  width: div-size
}

Параметры

ПараметрыОписание
accessibility

object

Настройки доступности.

Значение имеет тип div-accessibility.

alignment_horizontal

string

Горизонтальное выравнивание элемента внутри родительского.

Возможные значения: left, center, right, start, end.

alignment_vertical

string

Вертикальное выравнивание элемента внутри родительского.

Возможные значения: top, center, bottom, baseline.

alpha

number

Устанавливает прозрачность всего элемента: 0 — полностью прозрачный, 1 — непрозрачный.

Ограничение для значения x: x >= 0.0 && x <= 1.0.

Значение по умолчанию: 1.0.

background

array

Фон элемента. Может содержать несколько слоев.

Массив должен быть непустым.

border

object

Рамка элемента.

Значение имеет тип div-border.

column_span

int

Объединяет ячейки в столбце элемента grid.

Ограничение для значения x: x >= 0.

disappear_actions

array

Действия при исчезновении элемента с экрана.

Массив должен быть непустым.

dynamic_height

bool_int

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

Значение по умолчанию: false.

Доступные платформы: Android, iOS.

extensions

array

Расширения для дополнительной обработки элемента. Список расширений см. в разделе Кастомизация.

Массив должен быть непустым.

focus

object

Параметры при фокусировке на элементе или потере фокуса.

Значение имеет тип div-focus.

has_separator

bool_int

Разделительная черта между табами и содержимым.

Значение по умолчанию: false.

height

object

Высота элемента. Для Android: если в этом или в дочернем элементе есть текст, укажите высоту в sp, чтобы элемент масштабировался вместе с текстом. Подробнее о единицах измерения размера в разделе Верстка внутри карточки.

Значение имеет тип div-size.

Значение по умолчанию: {"type": "wrap_content"}.

Список возможных значений:
  • div-fixed-size
  • div-match-parent-size
  • div-wrap-content-size
  • id

    string

    Идентификатор элемента. На iOS используется в качестве accessibilityIdentifier.

    items

    array

    Обязательный параметр.

    Табы. Переход между табами можно осуществить с помощью:
  • div-action://set_current_item?id=&item= — задать текущий таб с порядковым номером item внутри элемента, с заданным id;
  • div-action://set_next_item?id=[&overflow={clamp|ring}] — перейти на следующий таб внутри элемента, с заданным id;
  • div-action://set_previous_item?id=[&overflow={clamp|ring}] — перейти на предыдущий таб внутри элемента, с заданным id.
  • Опциональный параметр overflow позволяет задать навигацию при достижении первого или последнего элемента:
  • clamp — переход остановится на пограничном элементе;
  • ring — переход в начало или конец, в зависимости от текущего элемента.
  • По умолчанию, clamp.

    Массив должен быть непустым.

    margins

    object

    Внешние отступы от рамки элемента.

    Значение имеет тип div-edge-insets.

    paddings

    object

    Внутренние отступы от рамки элемента.

    Значение имеет тип div-edge-insets.

    restrict_parent_scroll

    bool_int

    При включенном параметре табы не будут передавать жест скролла родительскому элементу.

    Значение по умолчанию: false.

    Доступные платформы: Android, веб.

    row_span

    int

    Объединяет ячейки в строке элемента grid.

    Ограничение для значения x: x >= 0.

    selected_actions

    array

    Список действий, которые будут выполнены при выборе элемента в пейджере.

    Массив должен быть непустым.

    selected_tab

    int

    Порядковый номер таба, который будет открываться по умолчанию.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 0.

    separator_color

    string

    Цвет разделителя.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    Значение по умолчанию: #14000000.

    separator_paddings

    object

    Отступы от разделительной черты. Не используется, если has_separator = false.

    Значение имеет тип div-edge-insets.

    Значение по умолчанию: {"left": 12,"right": 12,"top": 0,"bottom": 0}.

    switch_tabs_by_content_swipe_enabled

    bool_int

    Переключение табов скроллом по содержимому.

    Значение по умолчанию: true.

    tab_title_style

    object

    Стиль оформления заголовков табов.

    Значение имеет тип tab_title_style.

    title_paddings

    object

    Отступы в названии таба.

    Значение имеет тип div-edge-insets.

    Значение по умолчанию: {"left": 12,"right": 12,"top": 0,"bottom": 8}.

    tooltips

    array

    Привязанные к элементу всплывающие подсказки. Подсказка может быть показана по div-action://show_tooltip?id=, скрыта по div-action://hide_tooltip?id=, где id — id подсказки.

    Массив должен быть непустым.

    transform

    object

    Применяет к элементу переданное преобразование. Тот контент, который не поместится в исходную область просмотра, будет обрезан.

    Значение имеет тип div-transform.

    transition_change

    object

    Анимация изменения. Воспроизводится при изменении положения или размера элемента в новой верстке.

    Значение имеет тип div-change-transition.

    Список возможных значений:
  • div-change-set-transition
  • div-change-bounds-transition
  • transition_in

    object

    Анимация появления. Воспроизводится при появлении элемента с новым id. Подробнее о концепции переходов в разделе Анимация перехода.

    Значение имеет тип div-appearance-transition.

    transition_out

    object

    Анимация исчезания. Воспроизводится при исчезании элемента в новой верстке.

    Значение имеет тип div-appearance-transition.

    transition_triggers

    array

    Триггеры запуска анимации. Значение по умолчанию: [state_change, visibility_change].

    Массив должен быть непустым.

    type

    string

    Обязательный параметр.

    Значение всегда должно равняться tabs.

    visibility

    string

    Видимость элемента.

    Возможные значения: visible, invisible, gone.

    Значение по умолчанию: visible.

    visibility_action

    object

    Трекинг видимости одного элемента. Не используется, если задан параметр visibility_actions.

    Значение имеет тип div-visibility-action.

    visibility_actions

    array

    Действия при появлении элемента на экране.

    Массив должен быть непустым.

    width

    object

    Ширина элемента.

    Значение имеет тип div-size.

    Значение по умолчанию: {"type": "match_parent"}.

    Список возможных значений:
  • div-fixed-size
  • div-match-parent-size
  • div-wrap-content-size
  • ПараметрыОписание
    accessibility

    object

    Настройки доступности.

    Значение имеет тип div-accessibility.

    alignment_horizontal

    string

    Горизонтальное выравнивание элемента внутри родительского.

    Возможные значения: left, center, right, start, end.

    alignment_vertical

    string

    Вертикальное выравнивание элемента внутри родительского.

    Возможные значения: top, center, bottom, baseline.

    alpha

    number

    Устанавливает прозрачность всего элемента: 0 — полностью прозрачный, 1 — непрозрачный.

    Ограничение для значения x: x >= 0.0 && x <= 1.0.

    Значение по умолчанию: 1.0.

    background

    array

    Фон элемента. Может содержать несколько слоев.

    Массив должен быть непустым.

    border

    object

    Рамка элемента.

    Значение имеет тип div-border.

    column_span

    int

    Объединяет ячейки в столбце элемента grid.

    Ограничение для значения x: x >= 0.

    disappear_actions

    array

    Действия при исчезновении элемента с экрана.

    Массив должен быть непустым.

    dynamic_height

    bool_int

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

    Значение по умолчанию: false.

    Доступные платформы: Android, iOS.

    extensions

    array

    Расширения для дополнительной обработки элемента. Список расширений см. в разделе Кастомизация.

    Массив должен быть непустым.

    focus

    object

    Параметры при фокусировке на элементе или потере фокуса.

    Значение имеет тип div-focus.

    has_separator

    bool_int

    Разделительная черта между табами и содержимым.

    Значение по умолчанию: false.

    height

    object

    Высота элемента. Для Android: если в этом или в дочернем элементе есть текст, укажите высоту в sp, чтобы элемент масштабировался вместе с текстом. Подробнее о единицах измерения размера в разделе Верстка внутри карточки.

    Значение имеет тип div-size.

    Значение по умолчанию: {"type": "wrap_content"}.

    Список возможных значений:
  • div-fixed-size
  • div-match-parent-size
  • div-wrap-content-size
  • id

    string

    Идентификатор элемента. На iOS используется в качестве accessibilityIdentifier.

    items

    array

    Обязательный параметр.

    Табы. Переход между табами можно осуществить с помощью:
  • div-action://set_current_item?id=&item= — задать текущий таб с порядковым номером item внутри элемента, с заданным id;
  • div-action://set_next_item?id=[&overflow={clamp|ring}] — перейти на следующий таб внутри элемента, с заданным id;
  • div-action://set_previous_item?id=[&overflow={clamp|ring}] — перейти на предыдущий таб внутри элемента, с заданным id.
  • Опциональный параметр overflow позволяет задать навигацию при достижении первого или последнего элемента:
  • clamp — переход остановится на пограничном элементе;
  • ring — переход в начало или конец, в зависимости от текущего элемента.
  • По умолчанию, clamp.

    Массив должен быть непустым.

    margins

    object

    Внешние отступы от рамки элемента.

    Значение имеет тип div-edge-insets.

    paddings

    object

    Внутренние отступы от рамки элемента.

    Значение имеет тип div-edge-insets.

    restrict_parent_scroll

    bool_int

    При включенном параметре табы не будут передавать жест скролла родительскому элементу.

    Значение по умолчанию: false.

    Доступные платформы: Android, веб.

    row_span

    int

    Объединяет ячейки в строке элемента grid.

    Ограничение для значения x: x >= 0.

    selected_actions

    array

    Список действий, которые будут выполнены при выборе элемента в пейджере.

    Массив должен быть непустым.

    selected_tab

    int

    Порядковый номер таба, который будет открываться по умолчанию.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 0.

    separator_color

    string

    Цвет разделителя.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    Значение по умолчанию: #14000000.

    separator_paddings

    object

    Отступы от разделительной черты. Не используется, если has_separator = false.

    Значение имеет тип div-edge-insets.

    Значение по умолчанию: {"left": 12,"right": 12,"top": 0,"bottom": 0}.

    switch_tabs_by_content_swipe_enabled

    bool_int

    Переключение табов скроллом по содержимому.

    Значение по умолчанию: true.

    tab_title_style

    object

    Стиль оформления заголовков табов.

    Значение имеет тип tab_title_style.

    title_paddings

    object

    Отступы в названии таба.

    Значение имеет тип div-edge-insets.

    Значение по умолчанию: {"left": 12,"right": 12,"top": 0,"bottom": 8}.

    tooltips

    array

    Привязанные к элементу всплывающие подсказки. Подсказка может быть показана по div-action://show_tooltip?id=, скрыта по div-action://hide_tooltip?id=, где id — id подсказки.

    Массив должен быть непустым.

    transform

    object

    Применяет к элементу переданное преобразование. Тот контент, который не поместится в исходную область просмотра, будет обрезан.

    Значение имеет тип div-transform.

    transition_change

    object

    Анимация изменения. Воспроизводится при изменении положения или размера элемента в новой верстке.

    Значение имеет тип div-change-transition.

    Список возможных значений:
  • div-change-set-transition
  • div-change-bounds-transition
  • transition_in

    object

    Анимация появления. Воспроизводится при появлении элемента с новым id. Подробнее о концепции переходов в разделе Анимация перехода.

    Значение имеет тип div-appearance-transition.

    transition_out

    object

    Анимация исчезания. Воспроизводится при исчезании элемента в новой верстке.

    Значение имеет тип div-appearance-transition.

    transition_triggers

    array

    Триггеры запуска анимации. Значение по умолчанию: [state_change, visibility_change].

    Массив должен быть непустым.

    type

    string

    Обязательный параметр.

    Значение всегда должно равняться tabs.

    visibility

    string

    Видимость элемента.

    Возможные значения: visible, invisible, gone.

    Значение по умолчанию: visible.

    visibility_action

    object

    Трекинг видимости одного элемента. Не используется, если задан параметр visibility_actions.

    Значение имеет тип div-visibility-action.

    visibility_actions

    array

    Действия при появлении элемента на экране.

    Массив должен быть непустым.

    width

    object

    Ширина элемента.

    Значение имеет тип div-size.

    Значение по умолчанию: {"type": "match_parent"}.

    Список возможных значений:
  • div-fixed-size
  • div-match-parent-size
  • div-wrap-content-size
  • tab_title_style

    ПараметрыОписание
    active_background_color

    string

    Цвет фона заголовка активного таба.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    Значение по умолчанию: #FFFFDC60.

    active_font_weight

    string

    Начертание заголовка активного таба.

    Возможные значения: light, medium, regular, bold.

    active_text_color

    string

    Цвет текста заголовка активного таба.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    Значение по умолчанию: #CC000000.

    animation_duration

    int

    Длительность анимации смены активного заголовка.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 300.

    animation_type

    string

    Анимация смены активного заголовка.

    Возможные значения: slide, fade, none.

    Значение по умолчанию: slide.

    Доступные платформы: Android, iOS.

    corner_radius

    int

    Радиус скругления углов заголовка. Если параметр не задан, то максимальное скругление (половина от наименьшего размера). Не используется, если задан параметр corners_radius.

    Ограничение для значения x: x >= 0.

    corners_radius

    object

    Радиусы скругления углов нескольких заголовков. Пустые значения заменяются на corner_radius.

    Значение имеет тип div-corners-radius.

    font_family

    string

    Семейство шрифта:
  • text — стандартный текстовый шрифт;
  • display — семейство для шрифтов с крупным кеглем.
  • font_size

    int

    Размер шрифта заголовка.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 12.

    font_size_unit

    string

    Единицы измерения размера шрифта заголовка.

    Возможные значения: dp, sp, px.

    Значение по умолчанию: sp.

    Доступные платформы: Android, iOS.

    font_weight

    string

    Параметр устарел.

    Начертание. Вместо него используйте active_font_weight и inactive_font_weight.

    Возможные значения: light, medium, regular, bold.

    Значение по умолчанию: regular.

    inactive_background_color

    string

    Цвет фона заголовка неактивного таба.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    inactive_font_weight

    string

    Начертание заголовка неактивного таба.

    Возможные значения: light, medium, regular, bold.

    inactive_text_color

    string

    Цвет текста заголовка неактивного таба.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    Значение по умолчанию: #80000000.

    item_spacing

    int

    Интервал между соседними заголовками табов.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 0.

    letter_spacing

    number

    Интервал между символами заголовка.

    Значение по умолчанию: 0.

    line_height

    int

    Межстрочный интервал (интерлиньяж) текста.

    Ограничение для значения x: x >= 0.

    paddings

    object

    Отступы вокруг заголовка таба.

    Значение имеет тип div-edge-insets.

    Значение по умолчанию: {"left": 8,"right": 8,"top": 6,"bottom": 6}.

    ПараметрыОписание
    active_background_color

    string

    Цвет фона заголовка активного таба.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    Значение по умолчанию: #FFFFDC60.

    active_font_weight

    string

    Начертание заголовка активного таба.

    Возможные значения: light, medium, regular, bold.

    active_text_color

    string

    Цвет текста заголовка активного таба.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    Значение по умолчанию: #CC000000.

    animation_duration

    int

    Длительность анимации смены активного заголовка.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 300.

    animation_type

    string

    Анимация смены активного заголовка.

    Возможные значения: slide, fade, none.

    Значение по умолчанию: slide.

    Доступные платформы: Android, iOS.

    corner_radius

    int

    Радиус скругления углов заголовка. Если параметр не задан, то максимальное скругление (половина от наименьшего размера). Не используется, если задан параметр corners_radius.

    Ограничение для значения x: x >= 0.

    corners_radius

    object

    Радиусы скругления углов нескольких заголовков. Пустые значения заменяются на corner_radius.

    Значение имеет тип div-corners-radius.

    font_family

    string

    Семейство шрифта:
  • text — стандартный текстовый шрифт;
  • display — семейство для шрифтов с крупным кеглем.
  • font_size

    int

    Размер шрифта заголовка.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 12.

    font_size_unit

    string

    Единицы измерения размера шрифта заголовка.

    Возможные значения: dp, sp, px.

    Значение по умолчанию: sp.

    Доступные платформы: Android, iOS.

    font_weight

    string

    Параметр устарел.

    Начертание. Вместо него используйте active_font_weight и inactive_font_weight.

    Возможные значения: light, medium, regular, bold.

    Значение по умолчанию: regular.

    inactive_background_color

    string

    Цвет фона заголовка неактивного таба.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    inactive_font_weight

    string

    Начертание заголовка неактивного таба.

    Возможные значения: light, medium, regular, bold.

    inactive_text_color

    string

    Цвет текста заголовка неактивного таба.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    Значение по умолчанию: #80000000.

    item_spacing

    int

    Интервал между соседними заголовками табов.

    Ограничение для значения x: x >= 0.

    Значение по умолчанию: 0.

    letter_spacing

    number

    Интервал между символами заголовка.

    Значение по умолчанию: 0.

    line_height

    int

    Межстрочный интервал (интерлиньяж) текста.

    Ограничение для значения x: x >= 0.

    paddings

    object

    Отступы вокруг заголовка таба.

    Значение имеет тип div-edge-insets.

    Значение по умолчанию: {"left": 8,"right": 8,"top": 6,"bottom": 6}.

    item

    ПараметрыОписание
    div

    object

    Обязательный параметр.

    Содержимое таба.

    Значение имеет тип div.

    title

    string

    Обязательный параметр.

    Заголовок таба.

    title_click_action

    object

    Действие при нажатии на заголовок активного таба.

    Значение имеет тип div-action.

    ПараметрыОписание
    div

    object

    Обязательный параметр.

    Содержимое таба.

    Значение имеет тип div.

    title

    string

    Обязательный параметр.

    Заголовок таба.

    title_click_action

    object

    Действие при нажатии на заголовок активного таба.

    Значение имеет тип div-action.