Split button

Accessibility

Update

CTA Button

✅ When to Use

Use a CTA Button when you want to:

• Drive the main action on a page or modal (e.g., “Save”, “Submit”, “Next”).
• Highlight the most important decision or progression step in a flow.
• Provide a clear, high-emphasis action that completes a user task.
• Encourage progression in multi-step processes (forms, onboarding, checkout).

🚫 Avoid When

Avoid using a CTA Button when:

• There are multiple primary actions competing for attention — limit to one CTA per view.
• The action is destructive — use a Danger Button instead.
• The button triggers navigation or secondary actions (use a Link or Secondary Button).
• The context is low priority (use Tertiary instead).

🎨 Design Considerations

🎯 Hierarchy & Emphasis