Skip to content

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

SlotDefault classesDescription
root7 classesThe 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-destructive

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

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