A JSON Schema viewer React component

• Explore the components: Storybook
• View the changelog: Releases

• Full JSON Schema Draft 4 support, including oneOf and anyOf combiner properties
• Renders complicated nested objects to any depth
• Renders validation properties and markdown descriptions
• Capable of linking resolved $refs
• Theme-able
• Collapsible

Supported in modern browsers and node.

# latest stable
yarn add @stoplight/json-schema-viewer

import { JsonSchemaViewer, ThemeProvider } from "@stoplight/json-schema-viewer";
import { dark } from "@stoplight/json-schema-viewer/themes";

<ThemeProvider theme={dark}>
  <JsonSchemaViewer dereferencedSchema={dereferencedSchema} schema={schema} />
</ThemeProvider>

More examples can be find in the Storybook stories.

1. Clone repo.
2. Create / checkout feature/{name}, chore/{name}, or fix/{name} branch.
3. Install deps: yarn.
4. Make your changes.
5. Run tests: yarn test.prod.
6. Stage relevant files to git.
7. Commit: yarn commit. NOTE: Commits that don't follow the conventional format will be rejected. yarn commit creates this format for you, or you can put it together manually and then do a regular git commit.
8. Push: git push.
9. Open PR targeting the develop branch.