Button

Trigger actions with clear hierarchy, consistent states, and full token control across every use case.

Anotomy

Structure of the button and how its internal parts are composed. These are the button's semantic parts, so they are also what the classNames and styles objects accept.
Button anotomy
NameDescription
1rootThe <button> itself, or the <a> when href is set: border, background, padding, radius, shadow, transition, cursor, font weight and layout.
2iconThe span around the glyph: icon font size, color inheritance and the SVG reset. AntuikitProvider already sets a class here that evens out the gap to the label, and yours is merged with it rather than replacing it.
3contentThe span around the label: no-wrap, centered, with the spacing between two Chinese characters.