@taktikorg/asperiores-distinctio

A wrapper for json-view.

Documentation

To view documentation or get support, visit docs.

Example

To view some examples for more understanding, visit examples:

small data: ex-small.html [source code]

large data: ex-large.html [source code]

formatter: ex-formatter.html [source code]

Installation

Using npm(ES6 module):

Note: @taktikorg/asperiores-distinctio is not dependent on any package.

npm i @taktikorg/asperiores-distinctio

By import:

import jv from '@taktikorg/asperiores-distinctio'

let data={a1:123,b1:'xyz',c1:[1.2,3.4,'5.6',false],d1:{cid:'WK2WHS',name:'peter',unique:false}}
let ele=document.querySelector('#id')

jv(data, element, {expanded:true})

In a browser(UMD module):

Add script for @taktikorg/asperiores-distinctio.

<script src="https://cdn.jsdelivr.net/npm/@taktikorg/asperiores-distinctio@1.0.31/dist/@taktikorg/asperiores-distinctio.umd.js"></script>

Directly use:

let jv=window['@taktikorg/asperiores-distinctio']

let data={a1:123,b1:'xyz',c1:[1.2,3.4,'5.6',false],d1:{cid:'WK2WHS',name:'peter',unique:false}}
let ele=document.querySelector('#id')

jv(data, ele, {expanded:true})