react-json-friendly-viewer
In this page

JsonPrettyViewer

Displays any json data in user-friendly table.
Unspecified props will be spread to the underlying div element.

Basic Example

Pass any javascript json object to json props and it will be rendered in a user-friendly table.

FIELD
VALUE
Name
react-json-friendly-viewer
Private
False
Changes
1000
Created at
1990-10-13T10:51:05.570Z
Hobbies
reading, eating
Referrer
-

Array Example

Array can be displayed as well.

FIELD
VALUE

Playground

Use the panel at the bottom to tweak the props.

FIELD
VALUE
Name
react-json-friendly-viewer
Private
False
Changes
1000
Created at
1990-10-13T10:51:05.570Z
Hobbies
reading, eating
Referrer
-

Custom Format

Pass formatter props to change how values are displayed.

FIELD
VALUE
Name
react-json-friendly-viewer
Private
Public
Deprecated
Yes
Changes
1000
Created at
13 Oct 1990, 8:51 PM
Hobbies
reading, eating
Referrer
(None)