fix: Add example for PageLayout in styleguide (#1158)

fix: Add example for PageLayout in styleguide
cozy · Sep 17, 2019 · d2bbd99 · d2bbd99
2 parents 4696fa2 + fd468c5
commit d2bbd99
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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>