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

Credits

Inspired by svelte-json-tree

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

Created with WebComponents.dev