@code.gov/json-schema-web-componentdeprecated

Web Component that Displays a JSON Schema

Usage no npm install needed!

<script type="module">
  import codeGovJsonSchemaWebComponent from 'https://cdn.skypack.dev/@code.gov/json-schema-web-component';
</script>

README

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>

screenshot

screenshot

contributing

Please see the file CONTRIBUTING.md

contact

code@gsa.gov