@kuika/kuika-react-cl-agent

kuika-react-cl-agent

This package is to help you to integrate your own developed React components so you can use them in Kuika designer environment

Getting started

Install @kuika/kuika-react-cl-agent using npm.

npm i @kuika/kuika-react-cl-agent

Usage

To use this package you need to:
1- Build an empty React project.
2- Install @kuika/kuika-react-cl-agent using npm.
3- Import ClReactKuikaAgent and KuikaErrorBoundary from @kuika/kuika-react-cl-agent.
4- Fill the components props with your own developed components.
Example: Here is an example of integrating antDesign components.

import * as React from 'react';
import './App.css';
import { DatePicker, Row, Col, Form, Input, Divider, Button, Card, Checkbox, InputNumber } from 'antd';
import 'antd/dist/antd.css';
import {ClReactKuikaAgent} from '@kuika/kuika-react-cl-agent';
import {KuikaErrorBoundary} from '@kuika/kuika-react-cl-agent';

function App() {
  return (
    <div className="App">
         <KuikaErrorBoundary>
           <ClReactKuikaAgent components={
            {
              DatePicker: DatePicker,
              WeekPicker: DatePicker.WeekPicker,
              MonthPicker: DatePicker.MonthPicker,
              RangePicker: DatePicker.RangePicker,
              Row: Row,
              Col: Col,
              Form:Form,
              FormItem: Form.Item,
              TextArea: Input.TextArea,
              Input: Input,
              InputNumber: InputNumber,
              Divider: Divider,
              Button: Button,
              Checkbox:Checkbox,
              CheckboxGroup: Checkbox.Group,
            }
          }></ClReactKuikaAgent>
        </KuikaErrorBoundary>
    </div>
  );
}

export default App;

#License Kuika Inc.