Skip to main content
import {Json} from "attio/client"
The <Json /> component renders JSON data in a formatted, readable way. It’s primarily useful for debugging purposes when building apps, allowing you to quickly inspect the structure and contents of data objects.

​
Example

<Json
  data={{
    name: "John Doe",
    email: "john@example.com",
    metadata: {
      lastSeen: "2025-11-05",
      preferences: ["email", "sms"],
    },
  }}
/>

​
Props

​
data
unknown
required
The data to be displayed as JSON. Can be any JavaScript value - objects, arrays, strings, numbers, booleans, or null.