@kuika/kuika-react-cl-agent NPM | npm.io

1.2.299 • Published 2 years ago

Install

Weekly downloads

249

License

Kuika Inc.

Repository

Last release

2 years ago

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.

@babel/helper-call-delegate @babel/standalone @kuika/kuika-cl-model @tinymce/tinymce-react @types/babel__standalone @types/dom-to-image guid-typescript html2canvas jasmine lodash.throttle react-fast-compare react-resize-detector stringify-object

@infinitebrahmanuniverse/nolb-_kui @everything-registry/sub-chunk-530 @zalastax/nolb-_kui

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago