Skip to main content

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.