_ButtonPrimaryGhost
Composition primitive, consumed by leaf keys via composes.
Source: client/lib/theme/vueda-tailwind/controls/index.js
The transparent-at-rest primary recipe uses
--primary-textwith no fill or edge until hover, when a primary tint paints the background (/10hover,/15active). The lowest-weight accented affordance, for an emphasized action inside a dense cluster where an outline or fill would be too heavy.
| Slot | Default classes | Description |
|---|---|---|
| root | 3 classes | The transparent-at-rest primary recipe uses --primary-text with no fill or edge until hover, when a primary tint paints the background (/10 hover, /15 active). The lowest-weight accented affordance, for an emphasized action inside a dense cluster where an outline or fill would be too heavy. |
root
The transparent-at-rest primary recipe uses
--primary-textwith no fill or edge until hover, when a primary tint paints the background (/10hover,/15active). The lowest-weight accented affordance, for an emphasized action inside a dense cluster where an outline or fill would be too heavy.
Default classes:
text-primary-text
hover:bg-primary/10 active:bg-primary/15
disabled:text-disabled-foregroundSource: client/lib/theme/vueda-tailwind/controls/_ButtonPrimitives.theme.js:215