json-viewer-react

JSON-viewer

Features

✓ view JSON as tree

✓ expanding an collapsing properties

✓ primitive properties colorization

✓ casting null type to string

✓ zero dependencies

Demo

https://jade-hamster-a6833c.netlify.app

Installing

npm i json-viewer-react

or

yarn add json-viewer-react

Import

import { JsonViewer } from 'json-viewer-react';

Example usage

import  { JsonViewer }  from "json-viewer-react"
import  json  from './data.json';

function App() {
  return (
    <JsonViewer json={json} />
  );
}

export default App;

React support

Component supports react >16.0.0

License

This project is licensed under the MIT License - see the LICENSE.md file for details