Cira Config

Not sure how to implement? View the UI Toolkit KVM Module Tutorial for a step-by-step walkthrough on pre-requisites and implementing a React Control using the UI Toolkit.

Add CIRA configs Control

Open src/App.js, add the following code as show below:

Note

Change rpsServer value to your RPS server address and appropriate port.

import React from "react";
import { CiraEditor, RpsProvider } from "ui-toolkit";
import '../node_modules/ui-toolkit/i18n.ts'

function App() {
  const data = {
    rpsKey: '<RPS API key>',
    mpsKey: '<MPS API key>'
  };
  return (
    <div>
      <RpsProvider data={data}>
        <CiraEditor rpsServer="https://[RPS-Server-IP-Address]:8081" mpsServer="https://[MPS-Server-IP-Address]:3000"/>
      </RpsProvider>
    </div>
  );
}

export default App;