Single Theme

The following is an example of configuring the chatbot with a single terminal theme. For multiple themes, you may look at this example. 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_single_theme"
		},
	}

	// themes available for browsing at: https://gallery.react-chatbotify.com
	const themes = [
		{id: "terminal", version: "0.1.0"}
	]

	return (
		<ChatBot themes={themes} settings={settings}/>
	);
};

render(<MyChatBot/>)

Result

Loading...