Skip to components
DEVELOPER REFERENCE · v4.0.0

SvgButton API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

SvgButton13 props0 callbacks0 methods

Props13

SvgButton props
NameTypeDescription
labelRequiredstringLabel content or accessible name for the component, as rendered by this control.
roundedOptionalboolean | undefinedUses pill-shaped corners for the button.
busyOptionalboolean | undefinedIndicates that an operation is in progress; interactive controls block activation while busy.
variantOptional"link" | "ghost" | "solid" | undefinedExplicit variants retain shared appearance when consumer classes are supplied.
badgeOptionalstring | number | undefinedSmall count or label displayed with the action icon.
badgeClassNameOptionalstring | undefinedAdditional CSS classes for the badge part of the component.
iconOptionalstring | undefinedIcon content for the component. When the type is string, supply trusted SVG markup.
iconContentOptional
ComponentChildrenInspect type
Custom rendered icon content, used in place of the SVG icon string.
visibleLabelOptionalstring | undefinedText displayed beside the icon; the accessible label remains available to screen readers.
classNameOptionalstring | undefinedAdditional CSS classes applied to the component root.
iconClassNameOptionalstring | undefinedAdditional CSS classes for the icon part of the component.
labelClassNameOptionalstring | undefinedAdditional CSS classes for the label part of the component.
childrenOptional
ComponentChildrenInspect type
Content rendered inside the component. Supply nodes from the framework adapter you are using.

Events and callbacks0

No component-specific events or callbacks.

Methods0

No component-specific imperative methods. Use props and callbacks to control this component.

Inherited HTML props and events327