Skip to content

_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-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.

SlotDefault classesDescription
root3 classesThe 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-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.

Default classes:

text
text-primary-text
hover:bg-primary/10 active:bg-primary/15
disabled:text-disabled-foreground

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