Button
Four variants and five sizes, on the shared control ladder.
`iconOnly` needs an `aria-label` — an icon is not a name, and a button whose only content is a glyph announces as nothing.
No shadow and no glow on any variant. The reference is explicit about it.
Name
Details
Default
Control
variant
Default primary
Control
—
size
Default md
Control
—
href*
Default —
Control
—
full
Default false
Control
—
iconOnly
Default false
Control
—
children*
Default —
Control
—
Also forwarded to the root element:
class …restHeights come from the shared ladder — 24 / 28 / 32 / 36 / 40 for xs … xl —
so a button and the field beside it line up without arithmetic.
md is the default because console screens are dense. The reference draws
buttons at 38–44px, which is lg/xl here.
Examples
href renders a real <a>. A control that navigates should be middle-clickable,
copyable, and openable in a new tab — a <button> with an onclick is none of
those.