react-jsonpath-editor icon indicating copy to clipboard operation
react-jsonpath-editor copied to clipboard

Published 20 hours ago • verified publisher icon JeanBaptisteWATENBERG
→

Metadata

A react component that enables simple jsonpath editing by providing autocompletion and preview evaluation

react-jsonpath-editor

Travis npm package Coveralls

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

← Metadata

22
Stars
6
Forks
Watchers

Owner

verified publisher icon JeanBaptisteWATENBERG

Metadata

A react component that enables simple jsonpath editing by providing autocompletion and preview evaluation

Back