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

Julia 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

...