SvgButton API
Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.
SvgButton13 props0 callbacks0 methods
Props13
| Name | Type | Description |
|---|---|---|
labelRequired | string | Label content or accessible name for the component, as rendered by this control. |
roundedOptional | boolean | undefined | Uses pill-shaped corners for the button. |
busyOptional | boolean | undefined | Indicates that an operation is in progress; interactive controls block activation while busy. |
variantOptional | "link" | "ghost" | "solid" | undefined | Explicit variants retain shared appearance when consumer classes are supplied. |
badgeOptional | string | number | undefined | Small count or label displayed with the action icon. |
badgeClassNameOptional | string | undefined | Additional CSS classes for the badge part of the component. |
iconOptional | string | undefined | Icon content for the component. When the type is string, supply trusted SVG markup. |
iconContentOptional |
| Custom rendered icon content, used in place of the SVG icon string. |
visibleLabelOptional | string | undefined | Text displayed beside the icon; the accessible label remains available to screen readers. |
classNameOptional | string | undefined | Additional CSS classes applied to the component root. |
iconClassNameOptional | string | undefined | Additional CSS classes for the icon part of the component. |
labelClassNameOptional | string | undefined | Additional CSS classes for the label part of the component. |
childrenOptional |
| 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.