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[] |Required | |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 ©