JSON viewer
A collapsible JSON tree with search, paging for long arrays, and copy for the value or the path.
Webhook payload
Keys, strings, numbers, booleans and null each keep their own color. Search opens the branches that hold a match. Arrow keys move the current row, and the path sits under the tree.
<neura::json-viewer
:data="$order"
root-name="order"
:default-expand-depth="2"
label="Order"
:max-height="360"
/>Long arrays
A long list shows one page at a time. Show more reveals the next page. Searching for refund jumps to the matching rows and skips the rest.
<neura::json-viewer
:data="$events"
root-name="log"
:default-expand-depth="2"
:page-size="4"
label="Events"
/>Props
| Prop | Default | Role |
|---|---|---|
| data | null | Array, object, or JSON string |
| root-name | root | Name used in paths |
| default-expand-depth | 1 | Levels open on first render |
| page-size | 50 | Children shown per page |
| max-height | 420 | Scroll height of the tree, in pixels |
| searchable | true | Shows the search field |
| copyable | true | Copy value and copy path on each row |
| show-path | true | Current path under the tree |