+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "UnitPicker"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
+++
## UnitPicker class
Signature
```typescript
export declare class UnitPicker extends PureComponent
```
Import
```typescript
import { UnitPicker } from '@grafana/ui';
```
Properties
| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [onChange](#onchange-property) | | (value: SelectableValue<string>) => void
| |
Methods
| Method | Modifiers | Description |
| --- | --- | --- |
| [render()](#render-method) | | |
### onChange property
Signature
```typescript
onChange: (value: SelectableValue) => void;
```
### render method
Signature
```typescript
render(): JSX.Element;
```
Returns:
`JSX.Element`