Карточки (card)

Обновлено 19 февраля 2025

SmartApp API

Chat App

Карточка card — элемент интерфейса из массива items сообщения ANSWER_TO_USER.

card

Карточки помогают смартапам организовать сложную информацию на экране ассистента. Внешний вид карточек отличается в зависимости от типа смартапа (Chat App или Canvas App), а также в зависимости от типа поверхности (SberBox, SberPortal или приложение Салют).

Карточки недоступны в проектах SaluteBot.

Карточки бывают следующих типов:

• gallery_card
• list_card

Ниже приводятся JSON-схемы карточек с примерами.

Карточки передаются в объектах card.

Наличие пустого поля text в элементах карточки приведет к ее неисправности.

gallery_card

Карточки для отображения в галерее.

• Пример
• Описание

{
  "paddings": {
    "left": "8x",
    "top": "16x",
    "right": "4x",
    "bottom": "16x"
  },
  "can_be_disabled": false,
  "type": "gallery_card",
  "items": [
    {
      "type": "media_gallery_item",
      "image": {
        "url": "https://example.ru/storage31/contents/8/e/010ea0147875e28b91ef1ff01cd042.jpg",
        "hash": "string",
        "placeholder": "string",
        "scale_mode": "scale_aspect_fill",
        "height": 192,
        "placeholder_color": "solid_black",
        "actions": [
          {}
        ],
        "size": {
          "width": "medium",
          "aspect_ratio": 1.42
        }
      },
      "top_text": {
        "text": "Пример текста",
        "typeface": "footnote1",
        "text_color": "default",
        "margins": {
          "left": "8x",
          "top": "16x",
          "right": "4x",
          "bottom": "16x"
        },
        "max_lines": 2,
        "actions": [
          {}
        ]
      },
      "bottom_text": {
        "text": "Пример текста",
        "typeface": "footnote1",
        "text_color": "default",
        "margins": {
          "left": "8x",
          "top": "16x",
          "right": "4x",
          "bottom": "16x"
        },
        "max_lines": 2,
        "actions": [
          {}
        ]
      },
      "icon": {
        "address": {
          "type": "url",
          "url": "https://cdn.sberdevices.ru/VA/icons/first_session/balance.png"
        },
        "size": {
          "width": "xlarge",
          "height": "xlarge"
        },
        "margins": {
          "left": "8x",
          "top": "16x",
          "right": "4x",
          "bottom": "16x"
        }
      },
      "paddings": {
        "left": "8x",
        "top": "16x",
        "right": "4x",
        "bottom": "16x"
      },
      "actions": [
        {
          "type": "text",
          "text": "Текст",
          "should_send_to_backend": true
        }
      ]
    }
  ]
}

paddings object

Параметры отступов

left

string

Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]

По умолчанию: 0x

Размер отступа слева

top

string

Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]

По умолчанию: 0x

Размер отступа сверху

right

string

Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]

По умолчанию: 0x

Размер отступа справа

bottom

string

Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]

По умолчанию: 0x

Размер отступа снизу

can_be_disabled

boolean

По умолчанию: false

Указывает, что карточка может отображаться как неактивная

type

string

required

Тип карточки

items object[]required
Possible values: >= 1
Объекты с описанием ячеек карточки. В массиве должна быть минимум одна ячейка
Array [
anyOf
• media_gallery_item
• gallery_more_button_item
type
string
required
Тип ячейки карточки. Элемент галереи
image objectrequired
url
string
Веб-адрес изображения
hash
string
Хэш изображения
placeholder
string
Заглушка, которая отображается, если изображения нет или оно невалидно
scale_mode
string
Возможные значения: [scale_aspect_fill, scale_aspect_fit, center, top, bottom, left, right, top_left, top_right, bottom_left, bottom_righ]
Режим растягивания содержимого
height
integer
По умолчанию: 192
Высота контейнера изображения, выраженная в независящих от платформы единицах. Поле игнорируется, если присутствует поле size
placeholder_color
string
Возможные значения: [solid_black, solid_white, solid_transparent, solid_disabled, solid_brи, solid_warning, solid_critical, solid_action, liquid_60, liquid_50, liquid_40, liquid_30, liquid_20, liquid_10]
Цвет фона
actions
object[]
Массив объектов, описывающих действия
size object
Размер изображения
width
string
required
Возможные значения: [small, medium, large, resizable]
Ширина содержимого в терминах сеток
aspect_ratio
number
required
Отношение высоты содержимого к ширине
top_text object
text
string
Возможные значения: non-empty
Текст, который нужно отобразить. Поле не может быть пустым
typeface
string
Возможные значения: [headline1, headline2, headline3, title1, title2, body1, body2, body3, text1, paragraphText1, paragraphText2, footnote1, footnote2, button1, button2, caption]
Стиль текста. Посмотреть примеры отображения стилей можно в документации дизайн-системы Plasma
text_color
string
Возможные значения: [default, secondary, tertiary, inverse, brи, warning, critical, link]
Цвет текста
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
max_lines
int32
По умолчанию: 1
Максимальное количество строк. Значение 0 указывает на неограниченное количество строк
actions
object[]
Массив объектов, описывающих действия
bottom_text object
text
string
Возможные значения: non-empty
Текст, который нужно отобразить. Поле не может быть пустым
typeface
string
Возможные значения: [headline1, headline2, headline3, title1, title2, body1, body2, body3, text1, paragraphText1, paragraphText2, footnote1, footnote2, button1, button2, caption]
Стиль текста. Посмотреть примеры отображения стилей можно в документации дизайн-системы Plasma
text_color
string
Возможные значения: [default, secondary, tertiary, inverse, brи, warning, critical, link]
Цвет текста
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
max_lines
int32
По умолчанию: 1
Максимальное количество строк. Значение 0 указывает на неограниченное количество строк
actions
object[]
Массив объектов, описывающих действия
icon object
Параметры иконки
address objectrequired
Адрес иконки
type
string
url
string
size objectrequired
Размер иконки
width
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Ширина иконки
height
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Высота иконки
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
paddings object
Параметры отступов
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа снизу
actions object[]
Array [
anyOf
• schemas-text
• deep_link
• server_action
type
string
Тип дейсвия
text
string
required
Текст сообщения от имени пользователя
should_send_to_backend
boolean
По умолчанию: true
Указывает, что сообщение нужно не только отобразить в чате с ассистентом, но и отправить в бэкенд смартапа
type
string
Тип действия
deep_link
string
required
Диплинк, который нужно открыть. Работает только при вызове смартапа в мобильном приложении и в SberPortal
type
string
Тип действия
message_name
string
По умолчанию: SERVER_ACTION
Название сообщения
server_action objectrequired
action_id
string
Произвольное название действия
payload
object
Объект с произвольными параметрами действия
]
type
string
required
Тип ячейки карточки. Добавляет кнопку Все результаты в карточке галереи
image object
url
string
Веб-адрес изображения
hash
string
Хэш изображения
placeholder
string
Заглушка, которая отображается, если изображения нет или оно невалидно
scale_mode
string
Возможные значения: [scale_aspect_fill, scale_aspect_fit, center, top, bottom, left, right, top_left, top_right, bottom_left, bottom_righ]
Режим растягивания содержимого
height
integer
По умолчанию: 192
Высота контейнера изображения, выраженная в независящих от платформы единицах. Поле игнорируется, если присутствует поле size
placeholder_color
string
Возможные значения: [solid_black, solid_white, solid_transparent, solid_disabled, solid_brи, solid_warning, solid_critical, solid_action, liquid_60, liquid_50, liquid_40, liquid_30, liquid_20, liquid_10]
Цвет фона
actions
object[]
Массив объектов, описывающих действия
size object
Размер изображения
width
string
required
Возможные значения: [small, medium, large, resizable]
Ширина содержимого в терминах сеток
aspect_ratio
number
required
Отношение высоты содержимого к ширине
bottom_text objectrequired
text
string
Возможные значения: non-empty
Текст, который нужно отобразить. Поле не может быть пустым
typeface
string
Возможные значения: [headline1, headline2, headline3, title1, title2, body1, body2, body3, text1, paragraphText1, paragraphText2, footnote1, footnote2, button1, button2, caption]
Стиль текста. Посмотреть примеры отображения стилей можно в документации дизайн-системы Plasma
text_color
string
Возможные значения: [default, secondary, tertiary, inverse, brи, warning, critical, link]
Цвет текста
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
max_lines
int32
По умолчанию: 1
Максимальное количество строк. Значение 0 указывает на неограниченное количество строк
actions
object[]
Массив объектов, описывающих действия
icon objectrequired
Параметры иконки
address objectrequired
Адрес иконки
type
string
url
string
size objectrequired
Размер иконки
width
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Ширина иконки
height
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Высота иконки
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
actions object[]required
Array [
anyOf
• schemas-text
• deep_link
• server_action
type
string
Тип дейсвия
text
string
required
Текст сообщения от имени пользователя
should_send_to_backend
boolean
По умолчанию: true
Указывает, что сообщение нужно не только отобразить в чате с ассистентом, но и отправить в бэкенд смартапа
type
string
Тип действия
deep_link
string
required
Диплинк, который нужно открыть. Работает только при вызове смартапа в мобильном приложении и в SberPortal
type
string
Тип действия
message_name
string
По умолчанию: SERVER_ACTION
Название сообщения
server_action objectrequired
action_id
string
Произвольное название действия
payload
object
Объект с произвольными параметрами действия
]
]

Пример отображения карточки в портретной ориентации:

Пример отображения карточки в горизонтальной ориентации:

list_card

Карточки с вертикальным списком ячеек.

• Пример
• Описание

{
  "paddings": {
    "left": "8x",
    "top": "16x",
    "right": "4x",
    "bottom": "16x"
  },
  "can_be_disabled": false,
  "type": "list_card",
  "cells": [
    {
      "type": "left_right_cell_view",
      "paddings": {
        "left": "8x",
        "top": "16x",
        "right": "4x",
        "bottom": "16x"
      },
      "left": {
        "type": "simple_left_view",
        "icon": {
          "address": {
            "type": "url",
            "url": "https://cdn.sberdevices.ru/VA/icons/first_session/balance.png"
          },
          "size": {
            "width": "xlarge",
            "height": "xlarge"
          },
          "margins": {
            "left": "8x",
            "top": "16x",
            "right": "4x",
            "bottom": "16x"
          }
        },
        "icon_vertical_gravity": "top",
        "texts": {
          "title": {
            "text": "Пример текста",
            "typeface": "footnote1",
            "text_color": "default",
            "margins": {
              "left": "8x",
              "top": "16x",
              "right": "4x",
              "bottom": "16x"
            },
            "max_lines": 2,
            "actions": [
              {}
            ]
          }
        }
      },
      "right": {
        "type": "detail_right_view",
        "info_and_icon": {
          "icon": {
            "address": {
              "type": "url",
              "url": "https://cdn.sberdevices.ru/VA/icons/first_session/balance.png"
            },
            "size": {
              "width": "xlarge",
              "height": "xlarge"
            },
            "margins": {
              "left": "8x",
              "top": "16x",
              "right": "4x",
              "bottom": "16x"
            }
          }
        }
      },
      "actions": [
        {}
      ]
    }
  ]
}

paddings object

Параметры отступов

left

string

Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]

По умолчанию: 0x

Размер отступа слева

top

string

Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]

По умолчанию: 0x

Размер отступа сверху

right

string

Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]

По умолчанию: 0x

Размер отступа справа

bottom

string

Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]

По умолчанию: 0x

Размер отступа снизу

can_be_disabled

boolean

По умолчанию: false

Указывает, что карточка может отображаться как неактивная

type

string

required

Тип карточки

cells object[]
Массив ячеек карточки
Array [
anyOf
• left_right_cell_view
• text_cell_view
• button_cell_view
• image_cell_view
• details_cell_view
• weather_cell_view
type
string
paddings object
Параметры отступов
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа снизу
left object
Левый элемент ячейки
type
string
required
Возможные значения: [simple_left_view, fast_answer_left_view]
Тип левого элемента ячейки, который определяет содержимое ячейки. Возможные значения:
• simple_left_view;
• fast_answer_left_view —
icon object
Параметры иконки
address objectrequired
Адрес иконки
type
string
url
string
size objectrequired
Размер иконки
width
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Ширина иконки
height
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Высота иконки
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
icon_vertical_gravity
string
texts object
title object
text
string
Возможные значения: non-empty
Текст, который нужно отобразить. Поле не может быть пустым
typeface
string
Возможные значения: [headline1, headline2, headline3, title1, title2, body1, body2, body3, text1, paragraphText1, paragraphText2, footnote1, footnote2, button1, button2, caption]
Стиль текста. Посмотреть примеры отображения стилей можно в документации дизайн-системы Plasma
text_color
string
Возможные значения: [default, secondary, tertiary, inverse, brи, warning, critical, link]
Цвет текста
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
max_lines
int32
По умолчанию: 1
Максимальное количество строк. Значение 0 указывает на неограниченное количество строк
actions
object[]
Массив объектов, описывающих действия
right object
type
string
info_and_icon object
icon object
Параметры иконки
address objectrequired
Адрес иконки
type
string
url
string
size objectrequired
Размер иконки
width
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Ширина иконки
height
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Высота иконки
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
actions
object[]
Массив объектов, описывающих действия
type
string
Тип ячейки
content object
text
string
Возможные значения: non-empty
Текст, который нужно отобразить. Поле не может быть пустым
typeface
string
Возможные значения: [headline1, headline2, headline3, title1, title2, body1, body2, body3, text1, paragraphText1, paragraphText2, footnote1, footnote2, button1, button2, caption]
Стиль текста. Посмотреть примеры отображения стилей можно в документации дизайн-системы Plasma
text_color
string
Возможные значения: [default, secondary, tertiary, inverse, brи, warning, critical, link]
Цвет текста
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
max_lines
int32
По умолчанию: 1
Максимальное количество строк. Значение 0 указывает на неограниченное количество строк
actions
object[]
Массив объектов, описывающих действия
type
string
content object
text
string
Возможные значения: non-empty
Текст кнопки
typeface
string
Возможные значения: [headline1, headline2, headline3, title1, title2, body1, body2, body3, text1, paragraphText1, paragraphText2, footnote1, footnote2, button1, button2, caption]
Стиль текста. Посмотреть примеры отображения стилей можно в документации дизайн-системы Plasma
style
string
Возможные значения: [default, transparent]
По умолчанию: transparent
Стиль кнопки
type
string
Возможные значения: [accept, disabled, negative]
По умолчанию: accept
Тип кнопки
actions
object[]
Массив объектов, описывающих действия
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
paddings object
Параметры отступов
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа снизу
type
string
Тип ячейки
content object
url
string
Веб-адрес изображения
hash
string
Хэш изображения
placeholder
string
Заглушка, которая отображается, если изображения нет или оно невалидно
scale_mode
string
Возможные значения: [scale_aspect_fill, scale_aspect_fit, center, top, bottom, left, right, top_left, top_right, bottom_left, bottom_righ]
Режим растягивания содержимого
height
integer
По умолчанию: 192
Высота контейнера изображения, выраженная в независящих от платформы единицах. Поле игнорируется, если присутствует поле size
placeholder_color
string
Возможные значения: [solid_black, solid_white, solid_transparent, solid_disabled, solid_brи, solid_warning, solid_critical, solid_action, liquid_60, liquid_50, liquid_40, liquid_30, liquid_20, liquid_10]
Цвет фона
actions
object[]
Массив объектов, описывающих действия
size object
Размер изображения
width
string
required
Возможные значения: [small, medium, large, resizable]
Ширина содержимого в терминах сеток
aspect_ratio
number
required
Отношение высоты содержимого к ширине
type
string
Тип ячейки
paddings object
Параметры отступов
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа снизу
type
string
Тип ячейки
content object[]
Array [
weekday
string
required
День недели
date
string
required
Дата
day
string
required
Погода днем
night
string
required
Погода ночью
icon objectrequired
Параметры иконки
address objectrequired
Адрес иконки
type
string
url
string
size objectrequired
Размер иконки
width
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Ширина иконки
height
string
Возможные значения: [xsmall, small, medium, large, xlarge]
Высота иконки
margins object
Параметры полей
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер поля снизу
]
paddings object
Параметры отступов
left
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа слева
top
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа сверху
right
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа справа
bottom
string
Возможные значения: [0x, 1x, 2x, 4x, 5x, 6x, 8x, 9x, 10x, 12x, 16x]
По умолчанию: 0x
Размер отступа снизу
]

Пример карточки с ячейками типа left_right_cell_view.

• Карточка в чате
• Код

{
    "card": {
        "type": "list_card",
        "cells": [
            {
                "type": "left_right_cell_view",
                "paddings": {
                    "left": "8x",
                    "top": "16x",
                    "right": "4x",
                    "bottom": "16x"
                },
                "left": {
                    "type": "simple_left_view",
                    "icon": {
                        "address": {
                            "type": "url",
                            "url": "https://cdn.sberdevices.ru/VA/icons/first_session/balance.png"
                        },
                        "size": {
                            "width": "medium",
                            "height": "medium"
                        },
                        "margins": {
                            "right": "6x"
                        }
                    },
                    "icon_vertical_gravity": "top",
                    "texts": {
                        "title": {
                            "text": "Покажи баланс моей карты",
                            "typeface": "headline2",
                            "text_color": "default",
                            "max_lines": 0
                        }
                    }
                },
                "right": {
                    "type": "detail_right_view",
                    "info_and_icon": {
                        "icon": {
                            "address": {
                                "type": "url",
                                "url": "https://cdn.sberdevices.ru/VA/icons/first_session/balance.png"
                            },
                            "size": {
                                "width": "xlarge",
                                "height": "xlarge"
                            },
                            "margins": {
                                "left": "8x",
                                "right": "12x"
                            }
                        }
                    }
                },
                "actions": [
                    {
                        "type": "text",
                        "text": "Вы нажали на карточку"
                    }
                ]
            }
        ]
    }
}