react-landbot

Install

npm install --save @frubana/react-landbot
or
yarn add @frubana/react-landbot

Usage

import * as React from 'react'

import { WrapperLandbot, WrapperIframe, WrapperWhatsApp } from "@frubana/react-landbot";

class Example extends React.Component {
  render () {
    return (
      <WrapperLandbot image={`you-image`} imageClose={'image-close'}>
      <WrapperIframe
        name="unique_name"
        positionRigth="7rem"
        positionBottom="31px"
        color="#f26522"
        heigth="500px"
        image={'you-image'}
        iframe={'link-to-iframe-landbot'}
      />
      <WrapperWhatsApp
        name="unique_name"
        color="blue"
        whatsapp={'link-to-WhatsApp'}
        image={'you-image'}
      />
      </WrapperLandbot>
    )
  }
}

Props WrapperLandbot

	TYPE	REQUIRED
image	string	Required
imageClose	string	Required
children	`JSX.Element	JSX.Element[]`
size	string	Optional
sizeImage	string	Optional
textColor	string	Optional
color	string	Optional
textLabel	string	Optional
positionBottom	string	Optional
positionRigth	string	Optional

Props WrapperIframe

	TYPE	REQUIRED
image	string	Required
iframe	string	Required
name	string	Required and unique
header	JSX.Element	Optional
size	string	Optional
sizeImage	string	Optional
textColor	string	Optional
color	string	Optional
textLabel	string	Optional
positionBottom	string	Optional
positionRigth	string	Optional
width	string (iframe)	Optional
heigth	string (iframe)	Optional

Props WrapperWhatsApp

	TYPE	REQUIRED
image	string	Required
whatsapp	string	Required
name	string	Required and unique
callback	Function	Optional
autoClose	boolean	Optional
size	string	Optional
sizeImage	string	Optional
textColor	string	Optional
color	string	Optional
textLabel	string	Optional
positionBottom	string	Optional
positionRigth	string	Optional

License

MIT ©