Buttons allow users to take actions.

Component Status

Show details
Published: May 24, 2022
Updated: July 11, 2023

Design Usage

  • A layout should contain a single prominent button that makes it clear that other buttons have less importance in the visual hierarchy.
  • Text buttons use text labels, which describe the action that will occur if a user taps a button. If a text label is not used, an icon should be present to signify what the button does.
  • When using multiple buttons, ensure the available state of one button doesn’t look like the disabled state of another.
  • When the desired action is to take the user to a new web use link component
  • The component Button link is important for developer. For designing user experience always use the Button component