umbot - v2.0.8
    Preparing search index...

    Interface IVkCardElement

    IVkCardElement Интерфейс для элемента карточки ВКонтакте. Определяет структуру отдельного элемента в карусели или галерее.

    Особенности:

    • Поддерживает заголовок и описание
    • Может содержать до 3 кнопок
    • Поддерживает различные типы действий
    • Требует ID фотографии из ВКонтакте
    // Создание элемента карточки с кнопками
    const element: IVkCardElement = {
        title: 'Название товара',
        description: 'Описание товара',
        photo_id: '123456789',
        buttons: [
            { action: { type: 'text', label: 'Купить' } },
            { action: { type: 'link', link: 'https://example.com' } }
        ],
        action: { type: 'open_photo' }
    };

    // Создание простого элемента карточки
    const simpleElement: IVkCardElement = {
        title: 'Фотография',
        description: 'Описание фотографии',
        photo_id: '987654321'
    };
    interface IVkCardElement {
        title: string;
        description: string;
        photo_id: string;
        buttons?: IVkButton[];
        action?: { type: string };
    }
    Index

    Properties

    title description photo_id buttons? action?

    Properties

    title: string

    Заголовок элемента карточки. Отображается в верхней части элемента.

    Особенности:

    • Рекомендуемая длина: до 80 символов
    • Поддерживает эмодзи
    • Отображается жирным шрифтом
    title: 'Название товара'
    title: '🔥 Горячее предложение'
    description: string

    Описание элемента карточки. Отображается под заголовком.

    Особенности:

    • Рекомендуемая длина: до 200 символов
    • Поддерживает переносы строк
    • Может содержать ссылки
    description: 'Подробное описание товара'
    description: 'Цена: 1000 руб.\nДоставка: бесплатно'
    photo_id: string

    Идентификатор изображения в ВКонтакте. Формат: строка без префикса 'photo'.

    Особенности:

    • Должен быть валидным ID фотографии
    • Фотография должна быть загружена в ВКонтакте
    • Поддерживает различные форматы изображений
    photo_id: '123456789'
    photo_id: '987654321_456789'
    buttons?: IVkButton[]

    Массив кнопок для элемента карточки. Максимальное количество кнопок - 3.

    Особенности:

    • Поддерживает различные типы кнопок
    • Каждая кнопка может иметь свое действие
    • Кнопки отображаются в нижней части карточки
    // Кнопки с разными действиями
    buttons: [
        { action: { type: 'text', label: 'Купить' } },
        { action: { type: 'link', link: 'https://example.com' } },
        { action: { type: 'callback', label: 'Подробнее' } }
    ]

    // Одна кнопка
    buttons: [
        { action: { type: 'text', label: 'Подробнее' } }
    ]
    action?: { type: string }

    Действие, происходящее при нажатии на элемент карточки.

    Особенности:

    • Определяет поведение при клике на карточку
    • Может открывать фотографию или выполнять другие действия
    • Работает независимо от кнопок

    Type declaration

    • type: string

      Тип действия.

    // Открыть фотографию
    action: { type: 'open_photo' }

    // Выполнить действие
    action: { type: 'callback' }

    Settings

    Member Visibility

    On This Page

    Properties