Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

A button is a clickable element used to perform an action. It contains a text label and a supporting icon can be displayed.

...

Large button

The Large button is the alternative button size for use in ample spaces.

Medium button

The Medium button is the default button size.

Small button

The Small button is the alternative button size for use in tight spaces.

Dropdown lists, links, retailer buttons?

Usage

When to use

Buttons use a variety of sizes, colors, and iconography combinations.

...

If the primary CTA doesn't work for accessibility reasons, there is a secondary for colored backgrounds. You can find more information about accessibility when using our colors.

Nb: Text or images of text that areĀ part of an inactive user interface component, that are pure decoration, that is not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.

...