0.1.7 • Published 6 years ago
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 ©