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

# AlertClose

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

> The positioned dismiss affordance for closable alerts. It stays visually quiet until hover or keyboard focus, then uses the shared ring color through the focus-visible outline.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/AlertClose.md#theme-key-AlertClose-root) | 3 classes | The positioned dismiss affordance for closable alerts. It stays visually quiet until hover or keyboard focus, then uses the shared ring color through the focus-visible outline. |

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

## root

> The positioned dismiss affordance for closable alerts. It stays visually quiet until hover or keyboard focus, then uses the shared ring color through the focus-visible outline.

Default classes:

```text
absolute top-3 right-3
rounded-xs opacity-70 transition-opacity
hover:opacity-100 focus-visible:focus-ring
```

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