Управление цветом темы 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
, чтобы сообщить нам о ней