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

# IAlertingDialogShellProps

- 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 [AlertingDialogShell()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.alertingdialogshell/index.md).

**Signature:**

```typescript
export interface IAlertingDialogShellProps extends Pick<IAlertingDialogProps, "onCancel" | "onDeleteSuccess" | "onDeleteError"> 
```
**Extends:** Pick&lt;[IAlertingDialogProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogprops/index.md), "onCancel" &#124; "onDeleteSuccess" &#124; "onDeleteError"&gt;

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [bottomContent?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogshellprops/index.md#ialertingdialogshellpropsbottomcontent) |  | ReactNode | **_(BETA)_** _(Optional)_ Rendered last inside the scrollable content area, below `children` and the dialog's warning and validation messages. |
| [children?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogshellprops/index.md#ialertingdialogshellpropschildren) |  | ReactNode | **_(BETA)_** _(Optional)_ The body: the regions and fields, in the caller's order — [AlertingDialogFilters()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.alertingdialogfilters/index.md), [AlertingDialogFormFieldGroup()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.alertingdialogformfieldgroup/index.md) with the condition and action blocks, and so on. Not mounted while `useAlertingDialogContext().isLoading` is true (the shell shows its loading skeleton) or while the stale-filters confirmation step is shown. |
| [isSaving](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogshellprops/index.md#ialertingdialogshellpropsissaving) |  | boolean | **_(BETA)_** `isSaving` of the same [useAlertSubmit()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.usealertsubmit/index.md) instance: disables submit and Delete and shows the footer's progress indicator. |
| [onSubmit](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogshellprops/index.md#ialertingdialogshellpropsonsubmit) |  | () =&gt; void | **_(BETA)_** The dialog's single submit — `submit` of the caller's [useAlertSubmit()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.usealertsubmit/index.md) instance. Drives the footer's submit button and the Enter key on it. The shell does not own the submit hook, so a caller's own Enter handler or button can share the same instance. Create the hook instance only once the dialog's data has first loaded — the state hooks throw before then. |
| [slots?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogshellprops/index.md#ialertingdialogshellpropsslots) |  | Pick&lt;[IAlertingDialogSlots](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogslots/index.md), "Header" \| "ActionBar"&gt; | **_(BETA)_** _(Optional)_ Header and action-bar overrides — the Level 1 slot contract ([IAlertingDialogSlots.Header](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogslots/index.md#ialertingdialogslotsheader), [IAlertingDialogSlots.ActionBar](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogslots/index.md#ialertingdialogslotsactionbar)): each slot receives `{ Default, defaultProps }`, where `defaultProps` are the shell's live values (the header's `onCancel` and initial-focus `ref`; the action bar's `onSubmit`, `isSaving`, `onDelete`). Slot components need a stable reference identity — see . The body regions have no slot here: place their blocks ([AlertingDialogFilters()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.alertingdialogfilters/index.md) and siblings) as children instead. |
| [topContent?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogshellprops/index.md#ialertingdialogshellpropstopcontent) |  | ReactNode | **_(BETA)_** _(Optional)_ Rendered first inside the dialog's scrollable content area, above `children`. |

## Property details

### IAlertingDialogShellProps.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).
> 

Rendered last inside the scrollable content area, below `children` and the dialog's warning and validation messages.

**Signature:**

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

### IAlertingDialogShellProps.children

> **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).
> 

The body: the regions and fields, in the caller's order — [AlertingDialogFilters()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.alertingdialogfilters/index.md), [AlertingDialogFormFieldGroup()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.alertingdialogformfieldgroup/index.md) with the condition and action blocks, and so on. Not mounted while `useAlertingDialogContext().isLoading` is true (the shell shows its loading skeleton) or while the stale-filters confirmation step is shown.

**Signature:**

```typescript
children?: ReactNode;
```

### IAlertingDialogShellProps.isSaving

> **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).
> 

`isSaving` of the same [useAlertSubmit()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.usealertsubmit/index.md) instance: disables submit and Delete and shows the footer's progress indicator.

**Signature:**

```typescript
isSaving: boolean;
```

### IAlertingDialogShellProps.onSubmit

> **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).
> 

The dialog's single submit — `submit` of the caller's [useAlertSubmit()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.usealertsubmit/index.md) instance. Drives the footer's submit button and the Enter key on it. The shell does not own the submit hook, so a caller's own Enter handler or button can share the same instance. Create the hook instance only once the dialog's data has first loaded — the state hooks throw before then.

**Signature:**

```typescript
onSubmit: () => void;
```

### IAlertingDialogShellProps.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).
> 

Header and action-bar overrides — the Level 1 slot contract ([IAlertingDialogSlots.Header](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogslots/index.md#ialertingdialogslotsheader), [IAlertingDialogSlots.ActionBar](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogslots/index.md#ialertingdialogslotsactionbar)): each slot receives `{ Default, defaultProps }`, where `defaultProps` are the shell's live values (the header's `onCancel` and initial-focus `ref`; the action bar's `onSubmit`, `isSaving`, `onDelete`). Slot components need a stable reference identity — see . The body regions have no slot here: place their blocks ([AlertingDialogFilters()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.alertingdialogfilters/index.md) and siblings) as children instead.

**Signature:**

```typescript
slots?: Pick<IAlertingDialogSlots, "Header" | "ActionBar">;
```

### IAlertingDialogShellProps.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).
> 

Rendered first inside the dialog's scrollable content area, above `children`.

**Signature:**

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