_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. Thelinkemphasis of Button drops the control height and horizontal padding so the affordance does not break surrounding line metrics.
| Slot | Default classes | Description |
|---|---|---|
| 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 drops the control height and horizontal padding so the affordance does not break surrounding line metrics. |
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. Thelinkemphasis of Button 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