Primer Web Components

About

This skill provides comprehensive guidance for integrating the @primer-io/primer-js library into modern web applications. It streamlines the implementation of complex payment flows, custom card forms, and multi-method checkouts across React, Next.js, and vanilla JavaScript. By leveraging this skill, developers can correctly handle payment lifecycle events, implement UI theming via CSS custom properties, and navigate the specific API requirements of the v0.7.0+ SDK, ensuring robust and PCI-compliant payment integrations.

Key Features

• Detailed support for v0.7.0+ breaking changes and new callback APIs
• 0 GitHub stars
• Framework-agnostic integration patterns for React 19, Next.js, and Vanilla JS
• Advanced UI customization using themes and CSS custom properties
• Implementation patterns for payment method vaulting and saved credentials
• Configuration guidance for Card, PayPal, Apple Pay, Google Pay, and Klarna

Use Cases

• Building a production-grade checkout page with multi-provider payment support
• Creating custom-styled card forms with real-time validation and PII filtering
• Migrating legacy payment integrations to the modern Primer SDK Core engine