Skip to content

Common pipeline-editor components used in different clients (e.g. Elyra application, Web browser extensions, etc)

License

Notifications You must be signed in to change notification settings

elyra-ai/pipeline-editor

Repository files navigation

Elyra Pipeline Editor

Pipeline Editor

A react component for editing pipeline files. Used across all Elyra applications and browser extensions.

NPM Status Test Status

Installation

@elyra/pipeline-editor is available as an npm package:

// npm
npm install @elyra/pipeline-editor

// yarn
yarn add @elyra/pipeline-editor

Or can be built and linked locally:

git clone [email protected]:elyra-ai/pipeline-editor.git
cd pipeline-editor

make clean install dev-link

Then in the project you're using the local build run the following:

yarn link @elyra/pipeline-editor @elyra/pipeline-services

or if you're running with Elyra you can use make:

make clean dev-link install

Usage

import { PipelineEditor } from "@elyra/pipeline-editor";

function App() {
  const [pipeline, setPipeline] = useState();
  return (
    <PipelineEditor pipeline={pipeline} palette={{}} onChange={setPipeline} />
  );
}