_ButtonNeutralLink
Composition primitive, consumed by leaf keys via composes.
Source: client/lib/theme/vueda-tailwind/controls/index.js
The neutral inline-text recipe:
--foregroundtext with a 4px underline offset that appears on hover only; active eases the label to 70% opacity. Unlike _ButtonLink, 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. Thelinkemphasis of Button also drops the control height and horizontal padding.
| Slot | Default classes | Description |
|---|---|---|
| root | text-foreground underline-offset-4 hover:underline active:opacity-70 | 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, 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 also drops the control height and horizontal padding. |
root
The neutral inline-text recipe:
--foregroundtext with a 4px underline offset that appears on hover only; active eases the label to 70% opacity. Unlike _ButtonLink, 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. Thelinkemphasis of Button also drops the control height and horizontal padding.
Default classes:
text-foreground underline-offset-4 hover:underline active:opacity-70
Source: client/lib/theme/vueda-tailwind/controls/_ButtonPrimitives.theme.js:205