Skip to content

_ButtonDefault ​

Composition primitive, consumed by leaf keys via composes.

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

The --primary fill keeps the canonical brand blue in both modes with dark --primary-foreground labels. Hover and active use opaque white mixes through --primary-hover and --primary-active. Pair sparingly with neutral pressed-state recipes like Toggle.root so a CTA and an active toggle do not compete.

SlotDefault classesDescription
root2 classesThe --primary fill keeps the canonical brand blue in both modes with dark --primary-foreground labels. Hover and active use opaque white mixes through --primary-hover and --primary-active. Pair sparingly with neutral pressed-state recipes like Toggle.root so a CTA and an active toggle do not compete.

root ​

The --primary fill keeps the canonical brand blue in both modes with dark --primary-foreground labels. Hover and active use opaque white mixes through --primary-hover and --primary-active. Pair sparingly with neutral pressed-state recipes like Toggle.root so a CTA and an active toggle do not compete.

Default classes:

text
bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active
disabled:bg-disabled disabled:text-disabled-foreground disabled:shadow-none

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