+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "SegmentSelect"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
+++
## SegmentSelect() function
### SegmentSelect() function
Signature
```typescript
export declare function SegmentSelect({ value, options, onChange, onClickOutside, width, noOptionsMessage, allowCustomValue, }: React.PropsWithChildren>): JSX.Element;
```
Import
```typescript
import { SegmentSelect } from '@grafana/ui';
```
Parameters
| Parameter | Type | Description |
| --- | --- | --- |
| { value, options, onChange, onClickOutside, width, noOptionsMessage, allowCustomValue, } | React.PropsWithChildren<Props<T>>
| |
Returns:
`JSX.Element`