Template Studio - React Component Library

A powerful and customizable editor widget built for React applications. This library simplifies the integration of dynamic template editing within your UI.

Installation

To install the template-editor package, use npm:

npm i @enerex/template-studio

Peer Dependencies

You must install the following required packages to ensure proper styling and component behavior:

npm i [email protected] [email protected]

Styles Integration

Import the component's stylesheet into your main CSS file (typically App.css):

/* App.css */
@import "@enerex/template-studio/dist/template-studio.css";

Usage Example

Here is a basic example of how to use the EditorWidget component:

import React from "react";
import { EditorWidget } from '@enerex/template-studio';

function App() {
  return (
    <EditorWidget
      config={{
        apiKey: "(api-key)",
        clientId: "(client-id)",
        projectId: "(project-id)",
        enerexIdentifier: "(enerex-identifier)",        
	userName: "(username)",
      }}
    />
  );
}

export default App;

Replace the placeholder values in config with your actual API credentials.

License

MIT

For more advanced usage and customization options, refer to the full documentation (coming soon).