UI Components

Button

A button is something a person selects to make an action happen.

Also called CTAControlAction buttonThe thing you clickSubmit button

Visual Example

Try it: tab through the buttons; one is intentionally disabled.

Button states

Plain Definition

Buttons are clickable controls that start an action. Good button labels say what will happen, such as “Save changes” or “Create account.”

Use a button when the page will do something: submit a form, save changes, open a panel, start an upload, or confirm a choice.

You Might Describe This As...

  • "The thing you click"
  • "Submit button"
  • "Save button"

Fast lookup

You May Also Mean

Button is often mixed up with Dropdown because the patterns can organize or reveal similar content in different ways.

Dropdown

Check the name, visual cue, and typical use.

What It Is Used For

  • Sending a form
  • Saving changes
  • Opening a dialog
  • Starting an important action

Example User Phrasing

  • "I need the thing people click to save this."
  • "Add a clear submit button at the end of the form."