@sudobird/react-json-viewer

React JSON Viewer

A compact light weight collapsible React component to visualize JSON objects and Arrays with chrome console like UI in tree format!

Installation:

npm install @sudobird/react-json-viewer

Usage:

import JsonViewer from '@sudobird/react-json-viewer';

<JsonViewer data={jsonObj} />

Example:

const jsonData = {
    name: "sudobird",
    age: 99,
    cities: ['abc', 'def', 'ghi'],
    gender: 'M',
    car: null,
    pan: 'BBGHGJ8485',
    isActive: false,
    jobs: [
        {title: 'Software Engineer', city: 'abc'},
        {title: 'Consultant', city: 'def'},
    ]
}