Character Counter

The following is an example of showing character count and enforcing character limits. This may be useful in situations where user input needs to be kept within a certain length.

Live Editor

const MyChatBot = () => {
	const flow={
		start: {
			message: "Hey! Keep within the character limit!",
			path: "loop"
		},
		loop: {
			message: "Seems like you are within the limit, great job!",
			path: "loop",
		}
	}
	return (
		<ChatBot options={{theme: {embedded: true}, chatInput: {showCharacterCount: true, characterLimit: 10},
			chatHistory: {storageKey: "example_character_counter"}}} flow={flow}
		/>
	);
};

render(<MyChatBot/>)

Result