<Json /> - Attio Docs

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

unknown

required

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

⌘I