Component | JSON

Render a formatted JSON object.

TypeScript / JavaScript

ui.json({
    "first": "John",
    "last": "Doe",
    "age": 50,
    "address": {
        "street": "123 Main St",
        "city": "Anytown",
        "state": "CA",
        "zip": "12345"
    }
})

Python

ui.json({
    "first": "John",
    "last": "Doe",
    "age": 50,
    "address": {
        "street": "123 Main St",
        "city": "Anytown",
        "state": "CA",
        "zip": "12345"
    }
})

API reference

Function signature

TypeScript / JavaScript

ui.json(
    json: object,
    options: Partial<{
        style: Style | null
    }>
)

Python

ui.json(
    json: object,
    *,
    style: Style | None = None
)

Parameters

TypeScript / JavaScript

json

required object

The JSON object to be rendered.

Python

json

required object

The JSON object to be rendered.

---

TypeScript / JavaScript

properties.style

optional Style

Directly style the underlying element using CSS. See the styling guide for more details on available style properties.

Python

style

optional Style | None

Directly style the underlying element using CSS. See the styling guide for more details on available style properties.

---