Type Alias: ButtonProps
ButtonProps =
ButtonOwnProps&ActionLabellingProps
Defined in: components/Button/Button.tsx:121
Displays a semantic action trigger (entity: Action) in the command silhouette — the assertive posture, for actions the user commits to: submitting a form, confirming a dialog, the primary action of a surface.
For ambient operations on content — toolbar controls, row actions, the
trigger of an overflow menu — reach for ActionButton, which wears the
quieter utility silhouette. Both are Action/root; what separates them is the
weight of the commitment, the same way Meter and ProgressBar are both
Feedback/root separated by meaning.
Entity = Action → colors: action, radii: action, border: outline.control,
sizing: hit (ergonomic floor — drives both height and the square minimum
width), spacing: inset.action.block (block) + inset.control.lg (inline)
plus gap.inline.xs between glyph and label, typography: action.md,
motion: feedback.
Anatomy (data-part): root · icon · label — the sub-parts are lawful
icon / label structural roles for Action, so the glyph and the text are
observable identities rather than anonymous spans.