5.0.0 • Published 1 year ago
object-visualizer v5.0.0
Object Visualizer
A vue component to visualize the JSON object to the DOM.
Live Demo
Feature
getKeys
: customize visible keys in any nested dataexpandOnCreatedAndUpdated
: expand or collapse after created or updatedStarting from v4.0.0, this feature is only available for objects due to performance issues.
- Recursive expand
Meta+Click
- Recursive collapse
Meta+Shift+Click
- Recursive expand
Light/Dark mode
Installation
NPM
$ npm install object-visualizer
import { ObjectVisualizer } from 'object-visualizer'
import 'object-visualizer/dist/index.min.css'
CDN
<script src="https://unpkg.com/object-visualizer"></script>
<link
type="text/css"
rel="stylesheet"
href="https://unpkg.com/object-visualizer/dist/index.min.css"
/>
<script>
const { ObjectVisualizer } = window.ObjectVisualizer
</script>
Usage
<ObjectVisualizer
:data="['foo', 'bar']"
rootName="Data"
:expandOnCreatedAndUpdated="(path) => false"
:getKeys="(object, path) => Object.keys(object)"
></ObjectVisualizer>
License
Donate
If this library helped you out feel free to donate.
5.0.0
1 year ago
5.0.0-beta.4
2 years ago
5.0.0-beta.5
2 years ago
5.0.0-beta.2
2 years ago
5.0.0-beta.3
2 years ago
5.0.0-beta.0
2 years ago
5.0.0-beta.1
2 years ago
4.1.0
3 years ago
4.0.0
3 years ago
3.1.1
3 years ago
3.1.0
3 years ago
3.0.1
3 years ago
3.0.0
3 years ago
2.2.0
4 years ago
2.1.3
4 years ago
2.1.2
4 years ago
2.1.1
4 years ago
2.1.0
4 years ago
2.0.1
4 years ago
2.0.0
4 years ago
1.1.0
4 years ago
1.0.0
4 years ago
0.5.1
4 years ago
0.5.0
4 years ago
0.4.0
4 years ago
0.3.0
4 years ago
0.2.2
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago