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

## SegmentAsync() function

### SegmentAsync() function

<b>Signature</b>

```typescript
export declare function SegmentAsync<T>({ value, onChange, loadOptions, Component, className, allowCustomValue, placeholder, }: React.PropsWithChildren<SegmentAsyncProps<T>>): JSX.Element;
```
<b>Import</b>

```typescript
import { SegmentAsync } from '@grafana/ui';
```
<b>Parameters</b>

|  Parameter | Type | Description |
|  --- | --- | --- |
|  { value, onChange, loadOptions, Component, className, allowCustomValue, placeholder, } | <code>React.PropsWithChildren&lt;SegmentAsyncProps&lt;T&gt;&gt;</code> |  |

<b>Returns:</b>

`JSX.Element`