Skip to content

_ButtonGhost

Composition primitive, consumed by leaf keys via composes.

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

The transparent-at-rest recipe: no fill or edge until hover, when --accent paints the background, with an --accent-active pressed step (dark mode: half-strength accent/50 hover, full accent active). Shared by CalendarCellTrigger.root and RangeCalendarCellTrigger.root so day buttons in a calendar grid keep one consistent hover and press affordance; dark-mode hover is half-strength accent so the day button does not over-saturate the popover surface.

SlotDefault classesDescription
root2 classesThe transparent-at-rest recipe: no fill or edge until hover, when --accent paints the background, with an --accent-active pressed step (dark mode: half-strength accent/50 hover, full accent active). Shared by CalendarCellTrigger.root and RangeCalendarCellTrigger.root so day buttons in a calendar grid keep one consistent hover and press affordance; dark-mode hover is half-strength accent so the day button does not over-saturate the popover surface.

root

The transparent-at-rest recipe: no fill or edge until hover, when --accent paints the background, with an --accent-active pressed step (dark mode: half-strength accent/50 hover, full accent active). Shared by CalendarCellTrigger.root and RangeCalendarCellTrigger.root so day buttons in a calendar grid keep one consistent hover and press affordance; dark-mode hover is half-strength accent so the day button does not over-saturate the popover surface.

Default classes:

text
hover:bg-accent hover:text-accent-foreground active:bg-accent-active
dark:hover:bg-accent/50 dark:active:bg-accent

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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2