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

## Modal variable

### Modal variable

<b>Signature</b>

```typescript
Modal: React.FunctionComponent<Pick<Props, "title" | "className" | "icon" | "isOpen" | "onDismiss" | "onClickBackdrop">>
```
<b>Import</b>

```typescript
import { Modal } from '@grafana/ui';
```