Skip to main content

Sensitive Input

The following is an example showing how you may allow users to enter sensitive information by masking or hiding away the input.


The default sensitive input configuration is used here. For customizing the behavior for hiding sensitive information, you may check out its API documentation.

Live Editor
const MyChatBot = () => {
	const flow={
		start: {
			message: "Hey there, please provide your unique token identifier!",
			path: "token",
			isSensitive: true
		token: {
			message: "I have received your token!",
			options: ["Re-enter token"],
			chatDisabled: true,
			path: "start"
	return (
		<ChatBot options={{theme: {embedded: true}, chatHistory: {storageKey: "example_sensitive_info"}}} flow={flow}/>