vanillawc / wc-json

Graphical view of a json object

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

edit-in-WebComponents.dev

wc-json

The web component consumes a JSON object and creates an interactive UI from its contents

API

Property Description Default
value Value to present. Can be JSON but also Number, String, Array, Function, Symbol, Boolean, Date {}
open Possible values:
  • "closed": Object is closed
  • "full": Object is fully open
  • "top-only" Only top level open
"closed"

References

edit-in-webcomponents.dev

Credits

Inspired by svelte-json-tree

Challenged by @passle_ "Can you do it with 0 dependencies?!" 💪

Created with WebComponents.dev

About

Graphical view of a json object

License:MIT License


Languages

Language:JavaScript 100.0%