signum

A lead generation communication tool

Install

npm install --save signum
yarn add signum

Usage

import React from 'react'
import Chat from 'signum'
import 'signum/dist/index.css';

const defaultProps = {
	option: {
		title: 'Hello there !',
		subTitle: 'How can I help you?',
		message: 'How can I help you?',
		name: 'Hello there',
		options: [
			{
				title: 'Hello there !',
				message: 'You chose option A?',
				name: 'Option A',
				options: [
					{
						title: 'Hello there !',
						message: 'You chose option AA?',
						name: 'Option AA',
					},
					{
						title: 'Hello there !',
						message: 'You chose option AB?',
						name: 'Option AB',
					}
				]
			},
			{
				title: 'Hello there !',
				message: 'You chose option B?',
				name: 'Option B',
			}
		]
	},
	config: {
		avatarIcon: require('./assets/chat_avatar.png'),
		mainColor: 'linear-gradient(90deg, #406321 0%, #283E15 100%)',
		secondaryColor: 'linear-gradient(90deg, #406321 0%, #283E15 100%)',
		sendButtonColor: '#0074CE',
		finalButtonColor: "linear-gradient(90deg, #406321 0%, #283E15 100%)",
		emailPlaceholder: 'Please fill in your e-mail',
		messagePlaceholder: 'Please provide us some information',
		finalTitle: 'Thank you.',
		finalSubTitle: "We'll be in touch!",
		finalButtonText: "Continue",
		handleFinalButtonClicked: () => { },
		handleSendClicked: (information) => console.log(information),
	}
}

const App = () => {
	return (
    <Chat {...defaultProps} />
	)
}

export default App;

License

MIT © m-Nightly