grafana/docs/sources/packages_api/data/datasourceplugincomponents.md

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

## DataSourcePluginComponents interface

<b>Signature</b>

```typescript
export interface DataSourcePluginComponents<DSType extends DataSourceApi<TQuery, TOptions>, TQuery extends DataQuery = DataQuery, TOptions extends DataSourceJsonData = DataSourceJsonData, TSecureOptions = {}> 
```
<b>Import</b>

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

|  Property | Type | Description |
|  --- | --- | --- |
|  [AnnotationsQueryCtrl](#annotationsqueryctrl-property) | <code>any</code> |  |
|  [ConfigEditor](#configeditor-property) | <code>ComponentType&lt;DataSourcePluginOptionsEditorProps&lt;TOptions, TSecureOptions&gt;&gt;</code> |  |
|  [ExploreLogsQueryField](#explorelogsqueryfield-property) | <code>ComponentType&lt;ExploreQueryFieldProps&lt;DSType, TQuery, TOptions&gt;&gt;</code> |  |
|  [ExploreMetricsQueryField](#exploremetricsqueryfield-property) | <code>ComponentType&lt;ExploreQueryFieldProps&lt;DSType, TQuery, TOptions&gt;&gt;</code> |  |
|  [ExploreQueryField](#explorequeryfield-property) | <code>ComponentType&lt;ExploreQueryFieldProps&lt;DSType, TQuery, TOptions&gt;&gt;</code> |  |
|  [ExploreStartPage](#explorestartpage-property) | <code>ComponentType&lt;ExploreStartPageProps&gt;</code> |  |
|  [MetadataInspector](#metadatainspector-property) | <code>ComponentType&lt;MetadataInspectorProps&lt;DSType, TQuery, TOptions&gt;&gt;</code> |  |
|  [QueryCtrl](#queryctrl-property) | <code>any</code> |  |
|  [QueryEditor](#queryeditor-property) | <code>ComponentType&lt;QueryEditorProps&lt;DSType, TQuery, TOptions&gt;&gt;</code> |  |
|  [VariableQueryEditor](#variablequeryeditor-property) | <code>any</code> |  |

### AnnotationsQueryCtrl property

<b>Signature</b>

```typescript
AnnotationsQueryCtrl?: any;
```

### ConfigEditor property

<b>Signature</b>

```typescript
ConfigEditor?: ComponentType<DataSourcePluginOptionsEditorProps<TOptions, TSecureOptions>>;
```

### ExploreLogsQueryField property

<b>Signature</b>

```typescript
ExploreLogsQueryField?: ComponentType<ExploreQueryFieldProps<DSType, TQuery, TOptions>>;
```

### ExploreMetricsQueryField property

<b>Signature</b>

```typescript
ExploreMetricsQueryField?: ComponentType<ExploreQueryFieldProps<DSType, TQuery, TOptions>>;
```

### ExploreQueryField property

<b>Signature</b>

```typescript
ExploreQueryField?: ComponentType<ExploreQueryFieldProps<DSType, TQuery, TOptions>>;
```

### ExploreStartPage property

<b>Signature</b>

```typescript
ExploreStartPage?: ComponentType<ExploreStartPageProps>;
```

### MetadataInspector property

<b>Signature</b>

```typescript
MetadataInspector?: ComponentType<MetadataInspectorProps<DSType, TQuery, TOptions>>;
```

### QueryCtrl property

<b>Signature</b>

```typescript
QueryCtrl?: any;
```

### QueryEditor property

<b>Signature</b>

```typescript
QueryEditor?: ComponentType<QueryEditorProps<DSType, TQuery, TOptions>>;
```

### VariableQueryEditor property

<b>Signature</b>

```typescript
VariableQueryEditor?: any;
```