react-native-lead-form

Lead form for React Native

First you need to create an account with Boontar TV

Features

• You can use your own style classes
• Install the module and start collecting requests, ratings, reviews
• Admin panel for viewing incoming requests Boontar TV
• Export requests
• Embedded analytics

Admin panel

List of incoming requests in the admin panel Boontar TV

Getting Started

1. Create a key without site URL on the admin panel
2. Install the module, run the following in the command line:

npm i react-native-lead-form --save

Use within your application with the following line of JavaScript:

import LeadForm from 'react-native-lead-form'

Available props

Name	Type	Required	Default	Description
getId	number	Yes	-	Lead form unique ID at Boontar TV
apiKey	string	Yes	-	Key that you generate in the admin panel Boontar TV
inputLabel	string	No	-	Custom style for InputLabel
input	string	No	-	Custom style for inputs
submitButton	string	No	-	Custom style for button
submitButtonText	string	No	-	Custom style for text in submit button
successText	string	No	-	Custom style for success notification
failedText	string	No	-	Custom style for failed notification
container	string	No	-	Custom style for main container
title	string	No	-	Custom style for title
desc	string	No	-	Custom style for description
inputsContainer	string	No	-	Custom style for form container
buttonContainer	string	No	-	Custom style for button and notification block
placeholderTextColor	string	No	-	Custom text color for placeholder in inputs
statusVisible	boolean	Yes	true	Show form submission status
successStatus	string	No	Form sent successfully	Text on success
failedStatus	string	No	Failed to submit form	Text on failed
requiredStatus	string	No	You have not filled in the required fields	Text if all required fields were not filled
validateStatus	string	No	Check the correctness of the filled data	Text if email or phone types fail validation
onSuccess	func	No	-	Callback function after successful form submission
onFailed	func	No	-	Callback function after failed form submission
onLoad	func	No	-	Callback function after the lead form is loaded
onLoadFailed	func	No	-	Callback function if lead form fails to get

Error codes

Code	Description
1	Failed to submit form
2	Required fields not filled
3	Not correct email
4	Not correct phone number

Available input fields

Name	Included
Text	✅
Number	✅
Date & Time	❌
Date	❌
Time	❌
Slider	❌
Select	❌

Example

import React, { Component } from 'react';
import { SafeAreaView } from 'react-native';

import LeadForm from 'react-native-lead-form'

class HelloWorld extends Component {
  onSuccess = () => {

  }

  onFailed = (errorCode) => {
    console.log(errorCode)
  }

  render() {
    return (
      <SafeAreaView>
        <LeadForm
          getId= {489}
          apiKey = {'3eed5899edebff1197ae59dc06651ff929a10297'}
          statusVisible = {true}
          onSuccess = {()=> { }
          }
          onFailed = {(errorCode)=>{ }}
        />
      </SafeAreaView>
    );
  }
}