Multiple Themes
The following is an example of configuring the chatbot with multiple themes (e.g. solid_purple_haze
and simple_blue
). You can experiment with various themes available for browsing at React ChatBotify Gallery.
Live Editor
const MyChatBot = () => { // necessary to embed the chatbot for it to show on the page const settings = { general: { embedded: true }, chatHistory: { storageKey: "example_multiple_themes" }, } // themes available for browsing at: https://gallery.react-chatbotify.com const themes = [ {id: "solid_purple_haze", version: "0.1.0"}, {id: "simple_blue", version: "0.1.0"} ] return ( <ChatBot themes={themes} settings={settings}/> ); }; render(<MyChatBot/>)
Result
Loading...