+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "JSONFormatter"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
+++
## JSONFormatter class
Signature
```typescript
export declare class JSONFormatter extends PureComponent
```
Import
```typescript
import { JSONFormatter } from '@grafana/ui';
```
Properties
| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [defaultProps](#defaultprops-property) | static | {
open: number;
config: {
animateOpen: boolean;
};
} | |
| [renderJson](#renderjson-property) | | () => void | |
Methods
| Method | Modifiers | Description |
| --- | --- | --- |
| [componentDidMount()](#componentdidmount-method) | | |
| [componentDidUpdate()](#componentdidupdate-method) | | |
| [render()](#render-method) | | |
### defaultProps property
Signature
```typescript
static defaultProps: {
open: number;
config: {
animateOpen: boolean;
};
};
```
### renderJson property
Signature
```typescript
renderJson: () => void;
```
### componentDidMount method
Signature
```typescript
componentDidMount(): void;
```
Returns:
`void`
### componentDidUpdate method
Signature
```typescript
componentDidUpdate(): void;
```
Returns:
`void`
### render method
Signature
```typescript
render(): JSX.Element;
```
Returns:
`JSX.Element`