JsonViewer

JsonViewer Component

stable
Playground
"name": "John",
"age": 30,
"active": true,
"address":
"city": "NYC"
}
}
Props
PropTypeDefaultValue
collapsedboolean—
depthnumber—
themeselectlight | dark—
Default
"name": "John",
"age": 30,
"active": true,
"address":
"city": "NYC"
}
}
Collapsed
DeepObject
"level1":
"level2":
}
}
PROPTYPEDEFAULTDESCRIPTION
collapsedboolean—Start collapsed
depthnumber—Max auto-expand depth
themeselect—Theme
Using JsonViewertsx
import { JsonViewer } from '@/components/JsonViewer'

<JsonViewer
  collapsed="..."
  depth="..."
  theme="..."
/>
Tokens Used
No design tokens detected