Primer Web Components

Overview

This skill provides comprehensive guidance for building checkout and payment experiences using Primer's web component library (@primer-io/primer-js). Primer components are framework-agnostic custom elements that work with React, Next.js, Vue, Svelte, or vanilla JavaScript.

Use this skill when:

• Implementing checkout pages or payment flows
• Integrating Primer payment methods (cards, PayPal, BLIK, Apple Pay, Google Pay, etc.)
• Building custom card forms with validation
• Working with React and need to handle web component integration properly
• Customizing payment UI with themes and CSS custom properties
• Implementing vault for saved payment methods
• Handling payment lifecycle events and callbacks

🚨 Breaking Changes in v0.7.0

Critical API Changes: