/wc-json

Graphical view of a json object

Primary LanguageJavaScriptMIT LicenseMIT

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