ButtonBase

ButtonBase is the low-level action primitive behind Button and IconButton.

Labeling

Text buttons are labeled by their visible content.
Icon-only buttons need an explicit aria-label.
When asChild is used, the final child element must still expose a valid accessible name.

AnnouncementFocus the demo and press a key from the table.

Key	Action
`EnterSpace`	Activates the focused button. It is a native `<button>`; with `asChild` the child element keeps its own keys, so a link reacts to Enter only.

Every row is checked in a real browser: Playwright presses the key in Chromium and checks where the focus and the active item land.

ButtonBase renders a visible :focus-visible outline using --focus-color.
disabled removes interaction.
If the action should stay focusable while visually blocked, use a different interaction model instead of forcing disabled styling.

Default semantics are those of a native button.
With asChild, semantics come from the slotted element.
Do not turn navigation links into pseudo-buttons unless the product interaction is actually navigation.

Using icon-only content without a label.
Using asChild with a non-interactive child.
Forgetting that button and a have different keyboard and screen-reader expectations.