ym88659208ym87991671
Управление цветом темы Canvas-контейнера | Документация SmartMarket
Skip to main content

Управление цветом темы Canvas-контейнера

По умолчанию для Canvas-контейнера всегда установлена темная тема. Чтобы ее изменить, установите значение true для параметра allowLightCanvas. В этом случае у Canvas-контейнера будет текущая тема чата (параметр themeColor).

CanvasApp всегда получает информацию о текущей теме при ее установке и смене в формате объекта AssistantThemeCommand.

caution

CanvasApp может не поддерживать светлую тему и отображаться неправильно.

Пример использования параметра allowLightCanvas для разных видов чата с ассистентом:

import React, { FC } from 'react';
import { Chat, FloatingAssistantChat, AssistantBar } from '@sberdevices/assistant-web-sdk';

export const ChatWithAssistant: FC = () => {
return <Chat {...props} themeColor="light" allowLightCanvas />;
};

export const FloatingChatWithAssistant: FC = () => {
return <FloatingAssistantChat {...props} themeColor="light" allowLightCanvas />;
};

export const BarWithAssistant: FC = () => {
return <AssistantBar {...props} themeColor="light" allowLightCanvas />;
};
Обновлено 20 апреля 2022

Заметили ошибку?

Выделите текст и нажмите Ctrl + Enter, чтобы сообщить нам о ней