+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "PanelEditorProps"
keywords = ["grafana","documentation","sdk","@grafana/data"]
type = "docs"
draft = true
+++

## PanelEditorProps interface

<b>Signature</b>

```typescript
export interface PanelEditorProps<T = any> 
```
<b>Import</b>

```typescript
import { PanelEditorProps } from '@grafana/data';
```
<b>Properties</b>

|  Property | Type | Description |
|  --- | --- | --- |
|  [data](#data-property) | <code>PanelData</code> |  |
|  [fieldConfig](#fieldconfig-property) | <code>FieldConfigSource</code> | Panel fields configuration - temporart solution TODO\[FieldConfig\]: Remove when we switch old editor to new |
|  [onFieldConfigChange](#onfieldconfigchange-property) | <code>(config: FieldConfigSource) =&gt; void</code> | Enables panel field config manipulation TODO\[FieldConfig\]: Remove when we switch old editor to new |
|  [onOptionsChange](#onoptionschange-property) | <code>(options: T, callback?: () =&gt; void) =&gt; void</code> |  |
|  [options](#options-property) | <code>T</code> |  |

### data property

<b>Signature</b>

```typescript
data: PanelData;
```

### fieldConfig property

Panel fields configuration - temporart solution TODO\[FieldConfig\]: Remove when we switch old editor to new

<b>Signature</b>

```typescript
fieldConfig: FieldConfigSource;
```

### onFieldConfigChange property

Enables panel field config manipulation TODO\[FieldConfig\]: Remove when we switch old editor to new

<b>Signature</b>

```typescript
onFieldConfigChange: (config: FieldConfigSource) => void;
```

### onOptionsChange property

<b>Signature</b>

```typescript
onOptionsChange: (options: T, callback?: () => void) => void;
```

### options property

<b>Signature</b>

```typescript
options: T;
```