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

# _ButtonNeutralLink

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

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

> The neutral inline-text recipe: `--foreground` text with a 4px underline offset that appears on hover only; active eases the label to 70% opacity. Unlike [\_ButtonLink](/v3/reference/theming/keys/_ButtonLink.md), it does not tint the text with `--primary`, so a row of quiet text actions does not spread the earned accent across every secondary affordance. The `link` emphasis of [Button](/v3/reference/theming/keys/Button.md) also drops the control height and horizontal padding.

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/_ButtonNeutralLink.md#theme-key-_ButtonNeutralLink-root) | `text-foreground underline-offset-4 hover:underline active:opacity-70 disabled:text-disabled-foreground disabled:no-underline` | The neutral inline-text recipe: `--foreground` text with a 4px underline offset that appears on hover only; active eases the label to 70% opacity. Unlike [\_ButtonLink](/v3/reference/theming/keys/_ButtonLink.md), it does not tint the text with `--primary`, so a row of quiet text actions does not spread the earned accent across every secondary affordance. The `link` emphasis of [Button](/v3/reference/theming/keys/Button.md) also drops the control height and horizontal padding. |

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

## root

> The neutral inline-text recipe: `--foreground` text with a 4px underline offset that appears on hover only; active eases the label to 70% opacity. Unlike [\_ButtonLink](/v3/reference/theming/keys/_ButtonLink.md), it does not tint the text with `--primary`, so a row of quiet text actions does not spread the earned accent across every secondary affordance. The `link` emphasis of [Button](/v3/reference/theming/keys/Button.md) also drops the control height and horizontal padding.

Default classes:

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

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