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. |

Creating a new tool

Use Whatbuilds' Free Tool Builder to build admin panels, internal tools, and dashboards etc and pass the appName & API key to LowCode Component.

Installation

You can install this package via npm:

npm install low-code-react

License

This project is licensed under the MIT License - see the LICENSE file for details.