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

# _ButtonLink

_Composition primitive, consumed by leaf keys via `composes`._

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

> The inline-text recipe uses `--primary-text`, a contrast-adjusted blue separate from the primary fill. Hover adds an underline with a 4px offset; active uses `--primary-text-active`. The `link` emphasis of [Button](/v3/reference/theming/keys/Button.md) drops the control height and horizontal padding so the affordance does not break surrounding line metrics.

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/_ButtonLink.md#theme-key-_ButtonLink-root) | `text-primary-text underline-offset-4 hover:underline active:text-primary-text-active disabled:text-disabled-foreground disabled:no-underline` | The inline-text recipe uses `--primary-text`, a contrast-adjusted blue separate from the primary fill. Hover adds an underline with a 4px offset; active uses `--primary-text-active`. The `link` emphasis of [Button](/v3/reference/theming/keys/Button.md) drops the control height and horizontal padding so the affordance does not break surrounding line metrics. |

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

## root

> The inline-text recipe uses `--primary-text`, a contrast-adjusted blue separate from the primary fill. Hover adds an underline with a 4px offset; active uses `--primary-text-active`. The `link` emphasis of [Button](/v3/reference/theming/keys/Button.md) drops the control height and horizontal padding so the affordance does not break surrounding line metrics.

Default classes:

`text-primary-text underline-offset-4 hover:underline active:text-primary-text-active disabled:text-disabled-foreground disabled:no-underline`

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