> ## Documentation Index > Fetch the complete documentation index at: https://primer.io/docs/llms.txt > Use this file to discover all available pages before exploring further. # Overview export const VippsIcon = () => ; export const VisaIcon = () => ; export const PayconiqIcon = () => ; export const ClearpayIcon = () => ; export const BlikIcon = () => ; export const AtomeIcon = () => ; export const AmexIcon = () => ; export const OpenNodeIcon = () => ; export const AlipayIcon = () => ; export const ApplePayIcon = () => ; export const BancontactIcon = () => ; export const IDealIcon = () => ; export const CoinbaseIcon = () => ; export const MasterCardIcon = () => ; export const PayPalIcon = () => ; export const KlarnaIcon = () => ; export const GooglePayIcon = () => ; export const LogoCarousel = ({title, items = [], href}) => { const extendedItems = [...items, ...items]; const logoCount = items.length; return

{title}

{extendedItems.map(({name, Component}, index) =>
)}
{href && Explore connections → }
; }; export const IconCard = ({iconName, title, color}) => { const iconClasses = `icon-container ${color || ''}`.trim(); let icon; switch (iconName) { case 'shield-check': icon = ; break; case 'lock': icon = ; break; case 'chip': icon = ; break; case 'credit-card': icon = ; break; case 'cube': icon = ; break; case 'gift': icon = ; break; case 'rocket': icon = ; break; default: icon = null; break; } return
{icon}
{title}
; }; export const HorizontalCard = ({img, title, href, linkText = 'Read More', children}) => { return
{title}

{title}

{children}
; }; export const HorizontalColorCard = ({img, title, color, href, linkText = 'Read More', children}) => { const cardClassName = `horizontal_card horizontal_color_card ${color || ""}`.trim(); return

{title}

{children}
{img && {title}}
; };
Consolidate all your payment methods and processors through a single integration using Primer’s APIs and SDKs.
Consolidate all your payment methods and processors through a single integration using Primer’s APIs and SDKs.

Use the Dashboard to configure payment methods, modules, and checkout behavior without writing code. ## Powerful ways to integrate with the Primer Checkout Build a fully customizable checkout with modular components that give you complete control over design and optimization, without heavy engineering.