json-viewer-ts v1.0.4

JSON Viewer

One pretty json viewer by javascript. Extend from package json-viewer-js Fix some issues and rewrite in TypeScript.

Home page: json-viewer-ts

Example

import JsonViewer from './JsonViewer';

const testObj = {
  example1: [
    {
      name: 'test01',
      age: 18,
      gender: 0,
      student: true,
      children: null,
    },
    {
      name: 'test02',
      age: 19,
      gender: 1,
      student: true,
      children: null,
    },
  ],
  example2: {
    friuts: ['apple', 'grape', 'jujube', 'pear'],
    transport: ['taxi', 'bus', 'metro', 'plane', 'train'],
  },
};

new JsonViewer({
  container: document.body,
  data: testObj,
  theme: 'light',
  expand: false,
});

Output Example

The same with its parent package.

Light theme

Dark theme

API Reference

End

If you like it, please give me and its parent package a star, thanks!