ember-json-viewer

A JSON-viewer addon for Ember apps

Usage no npm install needed!

<script type="module">
  import emberJsonViewer from 'https://cdn.skypack.dev/ember-json-viewer';
</script>

README

ember-json-viewer

Ember addon that exposes a component {{json-viewer}}. Pass it a JSON object (not string) as json: {{json-viewer json=this.jsonValue}}.

Demo: http://addepar.github.io/ember-json-viewer

Demo Gif

Compatibility

  • Ember.js v2.4 or above
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Installation

ember install ember-json-viewer

Options

You can use options by passing in an object (or hash) with the following keys:

<JsonViewer
  @json={{this.json}}
  @options={{hash
    expandedIcon=">"
    collapsedIcon="<"
    collapseDepth=5
  }}
/>

expandedIcon

The string prepended to a key when that particular key value is expanded.

collapsedIcon

The string prepended to a key when that particular key value is collapsed.

collapseDepth

This sets the initial level of expanded items. collapseDepth=0 will have all properties collapsed completely. collapseDepth=1 will expand the first level of keys.

Contributing

See the Contributing guide for details.

Deploy Demo to Github Pages

npm run deploy

License

This project is licensed under the MIT License.