CTA Group

As the name suggests, Call-to-Action (CTA) Groups allow you to add up to three (3) CTA buttons to forms or dialog-type components.

Key interactions


Key

Interaction

Tab

Move to the next action

Space or Enter

Submits the selected action

Focus order


Focus order

The focus order of the elements should start from the left and continue to the right.

Left align

The focus order for the left alignment variant should start from the left and continue to the right.

Left alignment of the CTA Group

Left alignment of the CTA Group

Right align

The focus order for the right aligment variant should start from the right and continue to the left.

Right alignment of the CTA Group

Right alignment of the CTA Group