@code.gov/json-schema-web-component NPM

json-schema-web-component

Web Component that Displays a JSON Schema

beta

:warning: This is in beta. Please find bugs, submit issues, and provide example JSON Schemas, so we can improve it!

demo

https://gsa.github.io/json-schema-web-component/

usage

Copy the index.js file and put it in a script tag and then create an instance of the web component by <json-schema url='THE URL TO YOUR SCHEMA JSON' />.

<!DOCTYPE html>
<html style="background: darkblue;">
  <head>
    <title>JSON Schema Web Component Demo</title>
    <script src="./index.js"></script>
  </head>
  <body>
    <div>
      <json-schema url="./example-schema.json" />
    </div>
  </body>
</html>