From 53c91e3ec244d77177ed3afa6fc75d56ce15b9aa Mon Sep 17 00:00:00 2001
From: Alexander Petrushin <56686118+al-petrushin@users.noreply.github.com>
Date: Thu, 27 Aug 2020 21:37:56 +0300
Subject: [PATCH 1/2] Added to readme info about using separate components for
 the card.

---
 README.md | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/README.md b/README.md
index fafa8ad..c4da9a7 100644
--- a/README.md
+++ b/README.md
@@ -603,6 +603,24 @@ These components display the UI for Elements, and must be used within
 - `IbanElement`
 - `IdealBankElement`
 
+If you are using `CardNumberElement` and other components instead of `CardElement`, then use the `CardNumberElement` component when fetching data from the form.
+```jsx
+const stripe = useStripe();
+const elements = useElements();
+
+...
+
+const handleSubmit = (event) => {
+  event.preventDefault();
+
+  const cardData = elements.getElement(CardNumberElement);
+  const { error, paymentMethod } = await stripe.createPaymentMethod({
+    type: 'card',
+    card: cardData
+  });
+}
+```
+
 #### Props shape
 
 These components accept all `options` that can be passed into

From 2ab34d21369c9133732f540383c1af26b5cd1b27 Mon Sep 17 00:00:00 2001
From: Alexander Petrushin <56686118+al-petrushin@users.noreply.github.com>
Date: Thu, 27 Aug 2020 21:41:13 +0300
Subject: [PATCH 2/2] Fixed code example

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c4da9a7..d7f5b4f 100644
--- a/README.md
+++ b/README.md
@@ -610,7 +610,7 @@ const elements = useElements();
 
 ...
 
-const handleSubmit = (event) => {
+const handleSubmit = async (event) => {
   event.preventDefault();
 
   const cardData = elements.getElement(CardNumberElement);