| Page Properties | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Introduction
...
Anatomy
For MVP as CTA Block will take only the CTA links should be taken. It can look like a button but it is yhe still the link within designs submitted.
Use When
Don’t Use When
Related/Similar Components
Key Content
...
Item
...
Type
...
Notes
Visual Style
Behaviour
Editorial
Accessibility
Analytics & Data
If any analytics is required, it would simply be tracking of a linked heading or element visibility of the heading. This would only require that the heading be able to be individually isolated.
Future Expansion
Wider Conversations that may impact this
...
Similar content
Technically CTAs are similar to Buttons and Links.
...
States
CTA block have 2 states that define their appearance: Non-stacked and Stacked.
Stacked state is out of MVP scope
...
Usage
When to use
Buttons use a variety of sizes, colors, and iconography combinations.
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 :
trigger a new element to appear on the page,
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 links.
Do not use two CTAs at the same time.
...
Editorial
...
Props
Props of the CTA block base component are also available.
Useful materials
...