gatsby-plugin-layout - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+<a name="1.0.6"></a>
+
+## [1.0.6](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-layout@1.0.5...gatsby-plugin-layout@1.0.6) (2018-10-30)
+
+**Note:** Version bump only for package gatsby-plugin-layout
+
 <a name="1.0.5"></a>
@@ -8,0 +14,0 @@

package.json

 {
   "name": "gatsby-plugin-layout",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Reimplements the behavior of layout components in gatsby@1, which was removed in version 2.",
@@ -34,3 +34,3 @@ "main": "index.js",
   },
-  "gitHead": "dbd71c33ced0829c5f4bc552127ef80b4a7398a5"
+  "gitHead": "ce24780bca47ad53f52f8c0eab86e46f8189cf9a"
 }

README.md

@@ -182,1 +182,31 @@ # gatsby-plugin-layout
 ```
+
+### Handling multiple layouts
+
+If you want to use different layouts for different pages, you can pass this information in the context of the pages you create, and then conditionally render in your layout file.
+
+In `gatsby-node.js`:
+
+```js
+exports.onCreatePage = ({ page, actions }) => {
+  const { createPage } = actions
+
+  if(page.path.match(/special-page/) {
+    page.context.layout = 'special'
+    createPage(page)
+  }
+}
+```
+
+And then in `src/layouts/index.js`:
+
+```js
+export default ({ children, pageContext }) => {
+  if (pageContext.layout === 'special') {
+    return <AlternativeLayout>{children}</AlternativeLayout>
+  }
+  return (
+    <RegularLayout>{children}</RegularLayout>
+  ) 
+}
+```

No alert changes

Improved metrics

Total package byte prevSize

12870

7.55%

Number of lines in readme file

212

16.48%

No dependency changes