/react-json-viewer

React JSON Viewer Component. View JSON in beautiful tabular format.

Primary LanguageJavaScriptMIT LicenseMIT

react-json-viewer

React Component for View JSON in beautiful tabular format. See images below. Note: Images are little old. From version 1.0.7, we show colors too.

NPM version npm download

Install

react-json-viewer

Demo

http://nsisodiya.github.io/react-json-viewer

JSFiddle Example

http://jsfiddle.net/nsisodiya/61fwqcg5/

What

alt pic alt pic

Use

var JSONViewer = require('react-json-viewer');
var todos = [{
 task: "Learn React",
 done: true
},{
 task:"Write Book",
 done: false
}];


<JSONViewer json={todos}></JSONViewer>

Develop

Develop

npm install
npm run devserver
open http://localhost:8900

Build

npm run build

SourceCode Beautify
npm run prettier