https://github.com/nsisodiya/react-json-viewer

React JSON Viewer Component. View JSON in beautiful tabular format.
https://github.com/nsisodiya/react-json-viewer

Last synced: 9 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/nsisodiya/react-json-viewer
• Owner: nsisodiya
• License: mit
• Created: 2015-07-23T11:09:57.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2021-09-10T17:17:26.000Z (about 3 years ago)
• Last Synced: 2024-10-28T16:06:28.935Z (16 days ago)
• Language: JavaScript
• Homepage: http://nsisodiya.github.io/react-json-viewer
• Size: 1.78 MB
• Stars: 153
• Watchers: 10
• Forks: 27
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-json-viewer

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

[![NPM](https://img.shields.io/npm/v/react-json-viewer.svg)](https://www.npmjs.com/package/react-json-viewer) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

[![NPM version][npm-image]][npm-url]

[![npm download][download-image]][download-url]

[npm-image]: http://img.shields.io/npm/v/react-json-viewer.svg?style=flat-square

[npm-url]: https://npmjs.org/package/react-json-viewer

[download-image]: https://img.shields.io/npm/dm/react-json-viewer.svg?style=flat-square

[download-url]: https://npmjs.org/package/react-json-viewer

## Install

```bash

npm install --save react-json-viewer

```

[![react-json-viewer](https://nodei.co/npm/react-json-viewer.png?downloads=true)](https://npmjs.org/package/react-json-viewer)

## Usage

```jsx

import React, { Component } from 'react';

import JSONViewer from 'react-json-viewer';

class Example extends Component {

  render() {

    return (

      

    );

  }

}

```

# Demo

[http://nsisodiya.github.io/react-json-viewer](http://nsisodiya.github.io/react-json-viewer/)

# JSFiddle Example

[http://jsfiddle.net/nsisodiya/61fwqcg5/](http://jsfiddle.net/nsisodiya/61fwqcg5/)

# What

![alt pic](https://raw.githubusercontent.com/nsisodiya/react-json-viewer/master/pic1.png)

![alt pic](https://raw.githubusercontent.com/nsisodiya/react-json-viewer/master/pic2.png)

## License

MIT © [nsisodiya](https://github.com/nsisodiya)