---
url: "https://vueda.dev/v3/reference/theming/keys/AlertActions.md"
title: "AlertActions"
---

# AlertActions

Source: `client/lib/theme/vueda-tailwind/feedback/index.js`

> The inline action row for alert follow-up controls. It shares the alert content column with [AlertTitle.root](/v3/reference/theming/keys/AlertTitle.md#theme-key-AlertTitle-root) and [AlertDescription.root](/v3/reference/theming/keys/AlertDescription.md#theme-key-AlertDescription-root), so buttons align under the message instead of under the icon.

Vue component: [AlertActions](/v3/reference/api/vue/AlertActions.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/AlertActions.md#theme-key-AlertActions-root) | `col-start-2 mt-2 inline-flex gap-2` | The inline action row for alert follow-up controls. It shares the alert content column with [AlertTitle.root](/v3/reference/theming/keys/AlertTitle.md#theme-key-AlertTitle-root) and [AlertDescription.root](/v3/reference/theming/keys/AlertDescription.md#theme-key-AlertDescription-root), so buttons align under the message instead of under the icon. |

<a id="theme-key-AlertActions-root"></a>

## root

> The inline action row for alert follow-up controls. It shares the alert content column with [AlertTitle.root](/v3/reference/theming/keys/AlertTitle.md#theme-key-AlertTitle-root) and [AlertDescription.root](/v3/reference/theming/keys/AlertDescription.md#theme-key-AlertDescription-root), so buttons align under the message instead of under the icon.

Default classes:

`col-start-2 mt-2 inline-flex gap-2`

Source: `client/lib/theme/vueda-tailwind/feedback/AlertActions.theme.js:18`