Implement a custom wrapper

Chatbot - Implement a custom wrapper

How it works

The Chatbot comes with a default wrapper, which includes basic open/close functionality, a button to open the Chatbot, and a header with a headline and description.

However, in some cases, you might want to implement your own wrapper.

Using the -body element

For this, you can use the <ab-chat-body> element.

<div className='custom-container'>
    // ...additional attributes

The <ab-chat-body> receives all the attributes of the <ab-chat> element.
It does not include the open(), close() and toggle() methods.

See all the available attributes in the Chatbot Reference.