Code Editor

Type: code-editor

Code editor with syntax highlighting.

Supports children: No

Code editor with multi-language syntax highlighting. Syncs content with a canvas parameter.

Example — SQL

{
  "type": "code-editor",
  "props": {
    "param": "my_query",
    "language": "sql",
    "defaultValue": "SELECT * FROM {{my_udf}} LIMIT 10"
  }
}

Example — Python

{
  "type": "code-editor",
  "props": {
    "param": "code",
    "language": "python",
    "defaultValue": "import pandas as pd"
  }
}

Every widget is defined as { "type": "code-editor", "props": { ... } }. The properties below describe the props object.

Props

Loading ....

Raw schema

Download the full schema file: /widget-schema/code-editor.json