@apizr-io/react-json-visualizer

Apizr library to visualize json in table powered by mui-v5 and react-v18

Install

Install the package in your project directory with:

npm install --save @apizr-io/react-json-visualizer

This component has the following peer dependencies that you will need to install as well.

"peerDependencies": {
    "@emotion/react": ">=11.10.5",
    "@emotion/styled": ">=11.10.5",
    "@mui/icons-material": ">=5.11.9",
    "@mui/material": ">=5.11.9",
    "react": ">=18.2.0",
    "react-dom": ">=18.2.0"
},

Usage

import { JsonVisualizer } from "@apizr-io/react-json-visualizer";

const json = {
    site: {
        countryCode: 'FR',
        id: '96966',
        geoPoint: {
            latitude: 128.58,
            longitude: 50.47086173,
        },
        brand: 'Apizr',
        commercialName: 'apizr',
    },
};

<JsonVisualizer object={json} />

Render