npm install --save @frubana/react-landbot
or
yarn add @frubana/react-landbot
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>
)
}
}
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 |