Button

An element you click or tap to make something happen: send a form, save your data, go to the next step.

Also called: button, btn, click, press, cta, call to action, primary button, icon button, loading button, disabled button, grey button, buy button

What it is for

The main way a person tells the system what to do. A button should look clickable and respond when you use it, for example by showing a loading state or changing its look on hover and press.

Where you see it

• Online stores — “Add to cart” and “Checkout” buttons
• Forms — submit buttons: “Send”, “Log in”
• Dialogs — a pair of confirm and cancel buttons

What it is called in code

• <button>
• <input type="submit">

See also

• Link — Clickable text that takes you to another page, or to another spot on the same page.
• Toggle (switch) — A control that flips between two states: on and off.
• Three-dot menu — An icon, usually three dots in a row or a column, that opens a hidden list of secondary actions.