> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/marimo-team/marimo/llms.txt
> Use this file to discover all available pages before exploring further.

# json

Build a JSON output element.

## Usage

```python theme={null}
data = {"name": "Alice", "age": 30, "city": "New York"}
mo.json(data)
```

```python theme={null}
mo.json(data, name="User Data")
```

## Signature

```python theme={null}
mo.json(
    json_data: JSONType,
    name: Optional[str] = None,
    *,
    value_types: Literal["python", "json"] = "python"
) -> Html
```

## Parameters

<ParamField path="json_data" type="JSONType" required>
  JSON-serializable data to display.
</ParamField>

<ParamField path="name" type="Optional[str]" default="None">
  Optional text label.
</ParamField>

<ParamField path="value_types" type="Literal['python', 'json']" default="'python'">
  Optional value types to display, e.g. `"python"` (default) or `"json"`.
</ParamField>

## Returns

<ParamField path="Html">
  A string of HTML for a JSON output element.
</ParamField>