Versions Compared

Key

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

Component type

Molecule

Component possible inclusions

Design source (in Figma)

CTA block

Component status

Jira Legacy
serverSystem JIRA
serverId37e96b50-f164-323a-a055-92ebe3b20fa7
keyDSD-40

Introduction

Call to action block is aimed to attract attention and prompt the user to carry out an action. CTA is typically written as a command or action phrase and generally takes the form of a button or hyperlink.

...

Anatomy

For MVP as CTA Block only the CTA links should be takenconsists of the next atoms: CTA link and CTA button. It can look like a button but it is still the link within designs submittedbe either standalone button or link or their different combinations. CTA Block controls paddings between elements.

Similar content

Technically CTAs are similar to Buttons and Links.

...

CTA block has 2 states that define their appearance: Non-stacked and Stacked.Stacked state is out of MVP scope

...

Usage

When to use

Use a CTA block to motivate user for some actions or decisions that are important. They should be used throughout your UI, it can be used in situations where users need to :

...