Использование карточек произвольного типа

Обновлено 15 января 2024

Для отображения карточек произвольного типа при помощи компонента ChatHistory используйте рендер-проп defaultCard, который обрабатывает все неопознанные карточки.

Пример:

import React, { FC } from 'react';
import { ChatHistory, CardProps } from '@sberdevices/assistant-web-sdk/components';

const CardCustomType: FC<CardProps> = ({ card, marginBottom, mid, disabled }) => (
    <Root marginBottom={marginBottom} mid={mid} disabled={disabled}>
        {...}
    </Root>
);

export const History = () => {
    return (
        <ChatHistory {...props} defaultCard={CardCustomType} />
    );
};