Adding a couple of props to the playground files

Adyen · Aug 23, 2024 · 1e98058 · 1e98058
1 parent c88db76
commit 1e98058
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/playground/src/pages/Cards/Cards.js b/packages/playground/src/pages/Cards/Cards.js
@@ -112,7 +112,7 @@ getPaymentMethods({ amount, shopperLocale }).then(async paymentMethodsResponse =
             // maskSecurityCode: true,
             // minimumExpiryDate: '05/24',
             // name: '', // Affects Dropin only
-            // placeholders: { holderName: 'B Bob' },
+            // placeholders: { holderName: 'B Bob', cardNumber: 'add card number', expiryDate: 'mm/yy', securityCodeThreeDigits: '123' },
             // positionHolderNameOnTop: true,
             // showBrandIcon: false,
             // showBrandsUnderCardNumber: false,

diff --git a/packages/playground/src/pages/CustomCards/CustomCards.js b/packages/playground/src/pages/CustomCards/CustomCards.js
@@ -125,7 +125,8 @@ const initCheckout = async () => {
             onFieldValid: onFieldValid_si,
             onBrand: onBrand_si,
             onError: onError_si,
-            onFocus: onFocus_si
+            onFocus: onFocus_si,
+            placeholders: { cardNumber: 'add card number', expiryDate: 'mm/yy', securityCodeThreeDigits: '123', securityCodeFourDigits: '1234' }
         }).mount('.secured-fields-si');
 
     window.fancyCustomCard =