From fd468c5300799270a992b31401b00cc979632566 Mon Sep 17 00:00:00 2001
From: Patrick Browne <pt.browne@gmail.com>
Date: Tue, 17 Sep 2019 12:07:07 +0200
Subject: [PATCH] fix: Add example for PageLayout in styleguide

---
 docs/styleguide.config.js | 3 ++-
 react/Page/Readme.md      | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/styleguide.config.js b/docs/styleguide.config.js
index f349caae49..8ea36a456a 100644
--- a/docs/styleguide.config.js
+++ b/docs/styleguide.config.js
@@ -45,7 +45,8 @@ module.exports = {
         '../react/Layout/Layout.jsx',
         '../react/Hero/index.jsx',
         '../react/Sidebar/index.jsx',
-        '../react/Circle/index.jsx'
+        '../react/Circle/index.jsx',
+        '../react/Page/index.jsx'
       ]
     },
     {
diff --git a/react/Page/Readme.md b/react/Page/Readme.md
index 7ab4142a25..a7cfafe4af 100644
--- a/react/Page/Readme.md
+++ b/react/Page/Readme.md
@@ -1,11 +1,13 @@
-The Page components enables to make layout that react well to keyboard appearing/disappearing.
+The Page components enables to build a layout that react well to keyboard appearing/disappearing.
 
 In the example below, the Button will appear at the bottom of the screen even if the PageContent
 does not takes all the space (the content grows to fill all the page). When the keyboard is
-shown, the Page real estate shrink and the Button will try to appear above the keyboard if it
+shown, the Page real estate shrinks and the Button will try to appear above the keyboard if it
 has enough space.
 
 ```jsx static
+const { PageLayout, PageContent, PageFooter } = require('./index');
+
 <PageLayout>
   <PageContent>Hello world !</PageContent>
   <PageFooter><Button>Click me !</Button></PageFooter>