zerodevx / svelte-json-view Goto Github PK
View Code? Open in Web Editor NEWView JSON data prettily
License: ISC License
View JSON data prettily
License: ISC License
Would it be possible to make colors for braces and brackets separately configurable? Arrays and objects are quite different, and we have a use case where we want to make it visually clearer.
Great package! Super easy to use.
The only thing is, there isn't any documentation on an API for the buttons you are using in your demo link. I think it would be helpful to add that. Unless those buttons are not part of the package and you're simply transforming the JSON and it's being reflected.
I am digging through the code trying to find and might submit a PR updating the docs if I do.
npm ERR! Found: [email protected]
npm ERR! node_modules/svelte
npm ERR! dev svelte@"^4.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer svelte@"^3.55.1" from @zerodevx/[email protected]
npm ERR! node_modules/@zerodevx/svelte-json-view
npm ERR! @zerodevx/svelte-json-view@"^1.0.5" from the root project
Writen below code using this as child component. getting error as " was created with unknown prop 'app'"
<script> import { JsonView } from '@zerodevx/svelte-json-view'; export let data; const app = data; console.log(app.trace); </script><JsonView {app} />
Hey! I tried following the README and using --jsonPaddingLeft
but it doesn't seem to have any affect. I got --jsonBorderLeft
to work but that's not exactly what I want
<div class="myJsonWrapper">
<JsonView json={my_data} />
</div>
<style>
.myJsonWrapper {
--jsonPaddingLeft: 10px;
/* --jsonBorderLeft: 10px dotted white; */
}
</style>
What it normally looks like (and still can't get it to work)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.