_ButtonDefault
Composition primitive, consumed by leaf keys via composes.
Source: client/lib/theme/vueda-tailwind/controls/index.js
The
--primaryfill keeps the canonical brand blue in both modes with dark--primary-foregroundlabels. Hover and active use opaque white mixes through--primary-hoverand--primary-active. Pair sparingly with neutral pressed-state recipes like Toggle.root so a CTA and an active toggle do not compete.
| Slot | Default classes | Description |
|---|---|---|
| root | 2 classes | 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. |
root
The
--primaryfill keeps the canonical brand blue in both modes with dark--primary-foregroundlabels. Hover and active use opaque white mixes through--primary-hoverand--primary-active. Pair sparingly with neutral pressed-state recipes like Toggle.root so a CTA and an active toggle do not compete.
Default classes:
bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active
disabled:bg-disabled disabled:text-disabled-foreground disabled:shadow-noneSource: client/lib/theme/vueda-tailwind/controls/_ButtonPrimitives.theme.js:60