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

# _ButtonDestructiveLink

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

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

> The destructive inline-text recipe: `--destructive` text with a 4px underline offset that appears on hover only; active deepens the label to `--destructive-active`. The text-weight counterpart to [\_ButtonDestructive](/v3/reference/theming/keys/_ButtonDestructive.md), for a cautionary action that must read inline with prose rather than as a control.

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/_ButtonDestructiveLink.md#theme-key-_ButtonDestructiveLink-root) | `text-destructive underline-offset-4 hover:underline active:text-destructive-active disabled:text-disabled-foreground disabled:no-underline` | The destructive inline-text recipe: `--destructive` text with a 4px underline offset that appears on hover only; active deepens the label to `--destructive-active`. The text-weight counterpart to [\_ButtonDestructive](/v3/reference/theming/keys/_ButtonDestructive.md), for a cautionary action that must read inline with prose rather than as a control. |

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

## root

> The destructive inline-text recipe: `--destructive` text with a 4px underline offset that appears on hover only; active deepens the label to `--destructive-active`. The text-weight counterpart to [\_ButtonDestructive](/v3/reference/theming/keys/_ButtonDestructive.md), for a cautionary action that must read inline with prose rather than as a control.

Default classes:

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

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