Versions Compared

Key

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

Component type

Atom

Document status

Status
colourYellowGreen
titleIN REVIEWREADY

Design source (in Figma)

CTA block

Author

nathan.mckean@reckitt.com (UnlicensedJulia Boyarshchikova (Deactivated)

Responsible

Julia Boyarshchikova (Deactivated)

...

Technically CTAs are similar to Buttons and Links.

...

States

CTA block have has 2 states that define their appearance: Non-stacked and Stacked.

...

  • trigger a transition to an other page,

  • specify a new or next step in a process.

When not to use

  • Do not use CTAs to submit a form, to confirm a change.

  • Do not use CTA as navigation links.

  • Do not use two CTAs at the same time.

...

Useful materials

...