0.1.7 • Published 4 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 ©