Icon Button

Icon buttons are interactive components
that trigger a specific action when clicked.

Ref to 339:16530
Ready to Use
Show details
Ready to Use
Published: August 31, 2023
Updated: March 05, 2024

Introduction

Icon buttons are icon-only buttons, without an additional label, and are interactive components that can be activated to trigger specific actions. Their purpose is to guide users on how to proceed and offer them a means to engage with the page, mostly used as secondary actions or as elements in toolbars.

  • Icon Buttons can be used where space is limited
  • Icon Buttons can be used along side a regular button, as a means to show a secondary action or to add a flyout with additional actions
  • Icon Buttons can either be in a button group with other buttons, in a icon-only button group or stand-alone.

Usage

Ref to 339:16493
Ref to 339:16614
Ref to 339:16496
Ref to 339:16617
Ref to 339:16501
Ref to 339:16622

Also known as

Condensed Button, Glyph Button, Icon-only Button