IconButton API
Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.
IconButton11 props0 callbacks0 methods
Props11
| Name | Type | Description |
|---|---|---|
roundedOptional | boolean | undefined | Pill-shaped corners for any button variant. |
hrefOptional | string | undefined | Render navigation with native anchor semantics. |
targetOptional |
| Browsing context used when a button renders a link, for example _blank. |
relOptional | string | undefined | Link relationship tokens, such as noopener, when the button has an href. |
busyOptional | boolean | undefined | Show progress and block activation until cleared, preserving variant colors. |
classNameOptional | string | undefined | Additional CSS classes applied to the component root. |
variantOptional | "link" | "ghost" | "solid" | "default" | "primary" | "secondary" | "danger" | "danger-outline" | undefined | Selects the visual action style without changing the action behavior. |
sizeOptional | "default" | "compact" | undefined | Visual size of this component; numeric icon/avatar sizes are in pixels, while controls use the declared named sizes. |
labelRequired | string | Label content or accessible name for the component, as rendered by this control. |
iconOptional | string | undefined | Icon content for the component. When the type is string, supply trusted SVG markup. |
badgeOptional | string | number | undefined | Small count or label displayed with the action icon. |
Events and callbacks0
No component-specific events or callbacks.
Methods0
No component-specific imperative methods. Use props and callbacks to control this component.