Inspector

The Inspector Component

Noya provides a powerful React "inspector" component for viewing and editing JSON data. This component is highly configurable, and can be used to create a custom inspector UI for most kinds of data. It's a great starting point for your tool, even if you end up swapping it out for a custom UI later. It supports editing primitive types, nested values, trees, tables, and drag-and-drop.

Custom Layout Components

The JSON Editor component tries to render a sensible default UI for your data. However, you can customize the layout of the JSON Editor by passing custom children.

The following components are available as imports from @noya-app/inspector:

• Field
• Table
• Tree
• Section

Here's an example of a custom layout using Field and Section components:

List Example

Table Example