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

# feedback keys

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

## Alerts

| Component | Kind | Slots | Description |
| --- | --- | --- | --- |
| [Alert](/v3/reference/theming/keys/Alert.md) | key | 1 | The outer alert surface and layout grid. It owns the optional icon column, card radius, and semantic status recipe, with variant colors flowing into [AlertDescription.root](/v3/reference/theming/keys/AlertDescription.md#theme-key-AlertDescription-root). |
| [AlertClose](/v3/reference/theming/keys/AlertClose.md) | key | 1 | 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. |
| [AlertTitle](/v3/reference/theming/keys/AlertTitle.md) | key | 1 | The primary message heading inside the alert grid. It starts in the content column created by [Alert.root](/v3/reference/theming/keys/Alert.md#theme-key-Alert-root) and clamps to one line so status banners do not grow from long labels. |
| [AlertDescription](/v3/reference/theming/keys/AlertDescription.md) | key | 1 | 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. |
| [AlertActions](/v3/reference/theming/keys/AlertActions.md) | key | 1 | 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. |

## Progress and loading

| Component | Kind | Slots | Description |
| --- | --- | --- | --- |
| [Progress](/v3/reference/theming/keys/Progress.md) | key | 2 | The progress track surface and clipping frame. It sets the canonical 8px default height, optional compact or large heights, and status track tints. |
| [Skeleton](/v3/reference/theming/keys/Skeleton.md) | key | 1 | The loading placeholder block. The primary tint stays neutral enough for rows, cards, and inline placeholders. |

## Toasts

| Component | Kind | Slots | Description |
| --- | --- | --- | --- |
| [Sonner](/v3/reference/theming/keys/Sonner.md) | key | 1 | The toast viewport theme hook passed to vue-sonner. It establishes the toaster group while toast surface, type tint, and icon resolution stay controlled by the wrapper component and Sonner rules. |