Builtin component

QueryEditor

Query editor with explorer sidebar.

Props

PropTypeDefaultDescription
languagestring—Syntax language
valuestring—Initial query text
actionAnyActionDefinition | string—Action to execute the query
explorer{ source, nameField?, children? }—Tree explorer sidebar

Example

QueryEditor({
  language: "sql",
  value: "SELECT 1",
  action: executeQuery(),
  explorer: { source: tree(), nameField: "name" },
})