# Class Chatbot Beta

An Vue component that renders a chatbot with data topic selection.

Note

This component is currently under beta release for our managed cloud customers on version L2024.2 or above. It is subject to changes as we make fixes and improvements.

# Example

Here's how you can use the Chatbot component in a Vue application:

<script setup lang="ts">
import { Chatbot, type ChatbotProps } from '@sisense/sdk-ui-vue/ai';

const chatbotProps: ChatbotProps = {
 width: 500,
 height: 700,
 config: {
   numOfRecommendations: 5,
 },
};
</script>

<template>
 <Chatbot
   :width="chatbotProps.width"
   :height="chatbotProps.height"
   :config="chatbotProps.config"
 />
</template>

# Param

ChatbotProps

# Properties

# config

readonly config?: Partial< ChatConfig >

Various configuration options for the chatbot


# height

readonly height?: Height< number | string >

Total height of the chatbot

If not specified, a default height of 900px will be used.


# width

readonly width?: Width< number | string >

Total width of the chatbot

If not specified, a default width of 500px will be used.