React-jsonpath-editor NPM

react-jsonpath-editor

alt text

Usage

install the dependency using npm or yarn

npm i --save react-jsonpath-editor

yarn add react-jsonpath-editor

import React, {Component} from 'react'
import JsonPathEditor from 'react-jsonpath-editor';

class App extends Component {
    render() {
        return <div>
            <JsonPathEditor />
        </div>;
    }
}

Properties

Props	Type	Required	Description
inputProps	`object`	`false`	Properties passed down to the input
value	`string`	`false`	input default value
json	`object`	`false`	json to test the json path and provide autocompletion
onChange	`function`	`false`	callback called when jsonPath changed
editorPosition	`object`	`false`	{x,y} overrides the position of the editor
previewOrientation	`right` or `left`	`false`	Defines orientation of preview. default to right