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

# SelectLabel

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

> The section heading inside a [SelectContent.root](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-root). See also: [ComboboxGroup.heading](/v3/reference/theming/keys/ComboboxGroup.md#theme-key-ComboboxGroup-heading); same caps-micro eyebrow on `--muted-foreground` (the rendered class list drops the leading `font-mono`, but Tailwind's default sans / mono cascade leaves the eyebrow visually identical at the micro size).

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/SelectLabel.md#theme-key-SelectLabel-root) | 2 classes | The section heading inside a [SelectContent.root](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-root). See also: [ComboboxGroup.heading](/v3/reference/theming/keys/ComboboxGroup.md#theme-key-ComboboxGroup-heading); same caps-micro eyebrow on `--muted-foreground` (the rendered class list drops the leading `font-mono`, but Tailwind's default sans / mono cascade leaves the eyebrow visually identical at the micro size). |

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

## root

> The section heading inside a [SelectContent.root](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-root). See also: [ComboboxGroup.heading](/v3/reference/theming/keys/ComboboxGroup.md#theme-key-ComboboxGroup-heading); same caps-micro eyebrow on `--muted-foreground` (the rendered class list drops the leading `font-mono`, but Tailwind's default sans / mono cascade leaves the eyebrow visually identical at the micro size).

Default classes:

```text
text-muted-foreground px-2 py-1.5
text-[length:var(--vueda-text-micro)] font-semibold uppercase tracking-[0.04em]
```

Source: `client/lib/theme/vueda-tailwind/controls/SelectLabel.theme.js:17`