Sometimes you wish to ingest customized styling into the bot, in order to give some look&feel based on your brand/design.
Currently, not everything can be customized via the props (and I don't think each and every change needs to be done via the props also in the future) so it lets the flowise's bot to embed it using a dedicated external styling.
For example, if I wish to have a circular border on my avatar's images, I can do it via ingesting the following style:
import Chatbot from "./web.js"
let style = document.createElement('style');
style.textContent =
`
div[part="bot"] {
2px solid red
}
`
Chatbot.init(props, style);
Sometimes you wish to ingest customized styling into the bot, in order to give some look&feel based on your brand/design. Currently, not everything can be customized via the props (and I don't think each and every change needs to be done via the props also in the future) so it lets the flowise's bot to embed it using a dedicated external styling.
For example, if I wish to have a circular border on my avatar's images, I can do it via ingesting the following style:
This code would lead for that look: