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

# FieldDescription

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

> The helper text beneath or beside a field control. It uses supporting text size, muted color, and link styling that keeps explanatory copy readable without becoming the primary label.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/FieldDescription.md#theme-key-FieldDescription-root) | 4 classes | The helper text beneath or beside a field control. It uses supporting text size, muted color, and link styling that keeps explanatory copy readable without becoming the primary label. |

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

## root

> The helper text beneath or beside a field control. It uses supporting text size, muted color, and link styling that keeps explanatory copy readable without becoming the primary label.

Default classes:

```text
text-muted-foreground text-[length:var(--vueda-text-supporting)] leading-[1.4] font-normal
group-has-[[data-orientation=horizontal]]/field:text-balance
last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5
[&>a:hover]:text-primary-text [&>a]:underline [&>a]:underline-offset-4
```

Source: `client/lib/theme/vueda-tailwind/shell/FieldDescription.theme.js:18`