+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
title = "ValuePicker"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
## ValuePicker() function
### ValuePicker() function
<b>Signature</b>
```typescript
export declare function ValuePicker<T>({ label, icon, options, onChange, variant, size, isFullWidth, }: ValuePickerProps<T>): JSX.Element;
```
<b>Import</b>
import { ValuePicker } from '@grafana/ui';
<b>Parameters</b>
| Parameter | Type | Description |
| --- | --- | --- |
| { label, icon, options, onChange, variant, size, isFullWidth, } | <code>ValuePickerProps<T></code> | |
<b>Returns:</b>
`JSX.Element`