Icon button is used for buttons that show an icon in place of a text label.
On this page
IconButton to render Icon-only buttons without the default button styles.
IconButton will always render with a tooltip unless the tag is
IconButton requires an
aria-label, which will provide assistive technologies with an accessible label.
aria-label should describe the action to be invoked rather than the icon itself. For instance,
IconButton renders a magnifying glass icon and invokes a search action, the
aria-label should be
"Search" instead of
aria-description will be used for the
Tooltip text, depending on which one is present.
Learn more about best functional image practices (WAI Images)
Name of Octicons to use.
String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information.
String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information.
Whether the button is in a BorderBox. If