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

# AlertDescription

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

> The supporting message copy beneath the alert title. It inherits variant-specific description tint from [Alert.root](/v3/reference/theming/keys/Alert.md#theme-key-Alert-root) while keeping nested paragraphs readable for short remediation text.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/AlertDescription.md#theme-key-AlertDescription-root) | 3 classes | The supporting message copy beneath the alert title. It inherits variant-specific description tint from [Alert.root](/v3/reference/theming/keys/Alert.md#theme-key-Alert-root) while keeping nested paragraphs readable for short remediation text. |

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

## root

> The supporting message copy beneath the alert title. It inherits variant-specific description tint from [Alert.root](/v3/reference/theming/keys/Alert.md#theme-key-Alert-root) while keeping nested paragraphs readable for short remediation text.

Default classes:

```text
text-muted-foreground
col-start-2 grid justify-items-start gap-1
text-sm [&_p]:leading-relaxed
```

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