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

# Label

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

> The accessible label text for controls and grouped inputs. It handles disabled states from both group and peer contexts while preserving compact inline alignment.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/Label.md#theme-key-Label-root) | 2 classes | The accessible label text for controls and grouped inputs. It handles disabled states from both group and peer contexts while preserving compact inline alignment. |

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

## root

> The accessible label text for controls and grouped inputs. It handles disabled states from both group and peer contexts while preserving compact inline alignment.

Default classes:

```text
flex items-center gap-2 text-sm leading-none font-medium select-none
group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50
```

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