simple-json-viewer

A simple web component to display json data

Usage

Plain HTML

<script type="module" src="https://unpkg.com/simple-json-viewer"></script>

<json-viewer data='{"some": "json", "array": [0, true, "2"] }'></json-viewer>

With Javascript

import "https://unpkg.com/simple-json-viewer";

const jv = document.createElement("json-viewer");
// data can be any javascript variable that can stringify to json
jv.data = { some: "json", array: [0, true, "2"] };
document.body.append(jv);

// can also expand all or collapse all
jv.expandAll();
jv.collapseAll();