_ButtonBase
Composition primitive, consumed by leaf keys via composes.
Source: client/lib/theme/vueda-tailwind/controls/index.js
The shared button shell: inline-flex layout, 2px control radius, sm font-medium type, default 16px icon sizing, focus-visible ring, and the system-wide disabled treatment. Height and horizontal padding are omitted; the leaf picks a tier from
base.css § Control sizing.
| Slot | Default classes | Description |
|---|---|---|
| root | 7 classes | The shared button shell: inline-flex layout, 2px control radius, sm font-medium type, default 16px icon sizing, focus-visible ring, and the system-wide disabled treatment. Height and horizontal padding are omitted; the leaf picks a tier from base.css § Control sizing. |
root
The shared button shell: inline-flex layout, 2px control radius, sm font-medium type, default 16px icon sizing, focus-visible ring, and the system-wide disabled treatment. Height and horizontal padding are omitted; the leaf picks a tier from
base.css § Control sizing.
Default classes:
text
inline-flex items-center justify-center gap-2 whitespace-nowrap
rounded-vueda-control text-sm font-medium transition-all
disabled:pointer-events-none disabled:opacity-50
[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4
shrink-0 [&_svg]:shrink-0
focus-visible:focus-ring
aria-invalid:hairline aria-invalid:hairline-destructiveSource: client/lib/theme/vueda-tailwind/controls/_ButtonPrimitives.theme.js:31