> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# IDefaultAlertingDialogProps

- Package: [@gooddata/sdk-ui-dashboard](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/index.md)
- Kind: interface
- Stability: beta
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-dashboard/src/presentation/automations/alerting/types.ts

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Props of [DefaultAlertingDialog()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.defaultalertingdialog/index.md).

**Signature:**

```typescript
export interface IDefaultAlertingDialogProps extends IAlertingDialogProps 
```
**Extends:** [IAlertingDialogProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogprops/index.md)

## Remarks

Extends the shared [IAlertingDialogProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogprops/index.md) with customization only the default implementation supports. Slots render only in the fully rendered dialog: not while the dialog context reports loading, and not while the stale-filters confirmation step is shown. The Destination slot additionally renders only when more than one notification channel exists — see [IAlertingDialogSlots.Destination](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogslots/index.md#ialertingdialogslotsdestination).

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [bottomContent?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.idefaultalertingdialogprops/index.md#idefaultalertingdialogpropsbottomcontent) |  | ReactNode | **_(BETA)_** _(Optional)_ Content rendered as the last child of the dialog's scrollable content area, below the form. Same rendering conditions as [IDefaultAlertingDialogProps.topContent](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.idefaultalertingdialogprops/index.md#idefaultalertingdialogpropstopcontent). |
| [slots?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.idefaultalertingdialogprops/index.md#idefaultalertingdialogpropsslots) |  | [IAlertingDialogSlots](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogslots/index.md) | **_(BETA)_** _(Optional)_ Section-level overrides. Each slot receives `{ Default, defaultProps }` — `Default` is the region's exported render component ([DefaultAlertingDialogHeader](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.defaultalertingdialogheader/index.md) for `Header`, and so on) and `defaultProps` the return of the region's props hook ([useAlertingDialogHeaderProps()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.usealertingdialogheaderprops/index.md)) — and may render its own content (replace) or `<Default {...defaultProps} />` inside its own markup (wrap). |
| [topContent?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.idefaultalertingdialogprops/index.md#idefaultalertingdialogpropstopcontent) |  | ReactNode | **_(BETA)_** _(Optional)_ Content rendered as the first child of the dialog's scrollable content area, above the form. Rendered only in the fully rendered dialog: not while the dialog context reports loading, and not while the stale-filters confirmation step is shown. |

## Property details

### IDefaultAlertingDialogProps.bottomContent

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Content rendered as the last child of the dialog's scrollable content area, below the form. Same rendering conditions as [IDefaultAlertingDialogProps.topContent](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.idefaultalertingdialogprops/index.md#idefaultalertingdialogpropstopcontent).

**Signature:**

```typescript
bottomContent?: ReactNode;
```

### IDefaultAlertingDialogProps.slots

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Section-level overrides. Each slot receives `{ Default, defaultProps }` — `Default` is the region's exported render component ([DefaultAlertingDialogHeader](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.defaultalertingdialogheader/index.md) for `Header`, and so on) and `defaultProps` the return of the region's props hook ([useAlertingDialogHeaderProps()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.usealertingdialogheaderprops/index.md)) — and may render its own content (replace) or `<Default {...defaultProps} />` inside its own markup (wrap).

**Signature:**

```typescript
slots?: IAlertingDialogSlots;
```

#### Example

The dialog is reached through the `Dashboard` component override; define slot components at module scope (see ):

```tsx
function HeaderWithBanner({ Default, defaultProps }: ISlotProps<AlertingDialogHeaderDefaultProps>) {
    return (
        <>
            <WarningBanner>Alerts may take up to 5 minutes.</WarningBanner>
            <Default {...defaultProps} />
        </>
    );
}

<Dashboard
    AlertingDialogComponent={(props) => (
        <DefaultAlertingDialog {...props} slots={{ Header: HeaderWithBanner }} />
    )}
/>;
```

### IDefaultAlertingDialogProps.topContent

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Content rendered as the first child of the dialog's scrollable content area, above the form. Rendered only in the fully rendered dialog: not while the dialog context reports loading, and not while the stale-filters confirmation step is shown.

**Signature:**

```typescript
topContent?: ReactNode;
```