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

# AlertingDialogActionBar()

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

> **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 alerting dialog's action bar (documentation link, Delete in edit mode, Cancel, submit), connected to the dialog's state.

Renders [DefaultAutomationDialogActionBar()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.defaultautomationdialogactionbar/index.md) with the props of [useAlertingDialogActionBarProps()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.usealertingdialogactionbarprops/index.md); every override prop replaces the hook's value wholesale. The block does not own the submit: pass `submit` and `isSaving` from one [useAlertSubmit()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.usealertsubmit/index.md) instance, so an Enter handler elsewhere in the shell shares its in-flight guard. Renders nothing while `useAlertingDialogContext().isLoading` is true.

**Signature:**

```typescript
export declare function AlertingDialogActionBar(props: IAlertingDialogActionBarBlockProps): ReactElement;
```

## Parameters

| Parameter | Type | Description |
| --- | --- | --- |
| props | [IAlertingDialogActionBarBlockProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ialertingdialogactionbarblockprops/index.md) |  |

**Returns:**

ReactElement

## Example

```tsx
const { submit, isSaving } = useAlertSubmit(props);
<AlertingDialogActionBar onCancel={props.onCancel} onSubmit={() => void submit()} isSaving={isSaving} />;
```