npm install --save @frubana/react-landbot
or
yarn add @frubana/react-landbotimport * 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>
)
}
}| 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 |
| 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 |
| TYPE | REQUIRED | |
|---|---|---|
| image | string |
Required |
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 |