Low-code-react NPM

low-code-react

React component to make your react app low-code with Whatbuilds' Free Tool Builder into your web app

How to Use

import React from 'react';
import LowCodeComponent from 'low-code-react';

class Example extends React.Component {
  handleToolResponse = (data) => {
    // Handle tool response data here
    console.log('Tool Response:', data);
  };

  render() {
    return (
      <div>
        <h1>Your App</h1>
        <LowCodeComponent
          onToolResponse={this.handleToolResponse}
          userDictionary={{ userId: 123 }}
          apiKey="your-api-key"
          appName="your-app-name"
        />
      </div>
    );
  }
}

export default Example;

Props

Prop	Type	Required	Default	Description
onToolResponse	Function	Yes	-	Callback function to handle tool responses from the iframe.
userDictionary	Object	Yes	-	User dictionary to be passed to the iframe.
apiKey	String	Yes	-	Your API key for authentication.
delay	Number	No	1000	Optional delay before sending data to the iframe, in milliseconds.
containerStyle	Object	No	-	Optional inline style for the container div.
width	String	No	-	Optional width for the iframe.
height	String	No	-	Optional height for the iframe.
appName	String	Yes	-	Name of the Whatbuilds app to load in the iframe.