What it is
Svelte Inspect Value is a "json tree"-like inspector inspired by the likes of react-json-view and svelte-json-tree.
The main purpose of the component is to be a developer utility. When developing apps it can be
useful to have a "live" preview of state like API data, form values, the state of a promise and so
on.
Features
The examples page is the quickest way to get an overview of what this component can do, but here is a list of its key features:
- view arrays & objects in a tree-like view
- support for most JavaScript built-ins, including
SetandMap - syntax highlighting for functions and html elements (outer selector) using
hljs - embed media if string ends with image / audio extension (optional)
- customizable colors
- use custom components for any type
- configurable with global options utiltiy as alternative to passing props
Planned features
- built-in functionality for pinning the component to a fixed position
- draggable
- edit-mode (maybe)