React JPV

This project aims to provide an updated version of react-jsonpath-editor, originally by jwatenbe.

$3

Simply import JsonPathViewer from 'react-jsonpath-viewer'.

| Prop name | Description | Type | Default | Optional |
| -------------- | ------------------------------------------ | :-------: | :-------: | :------: |
| json | JSON object to query | object | - | ❌ |
| highlightColor | Color to highlight queried json | string | - | ❌ |
| rootChar | JSON path prefix character(s) | string | $ | ✅ |
| component | Allows the use of a custom input component | component | | ✅ |

$3

| ⚠️ Note: The JPV component is designed to be headless by default meaning it is not opinionated about its own styling. To apply a basic structure to the component a style.css file can be imported as such:

``js
import 'react-jsonpath-viewer/dist/style.css';
``

!img

For more advanced styling JPV adopts a BEM hierarchy of classes that can be utilized.