gatsby-theme-ui-layout

gatsby-theme-ui-layout

Gatsby theme for adding shadowable layouts to multiple Gatsby themes for composition.

npm i gatsby-theme-ui-layout

In your theme, import and use the Layout component, which does not include any default layout.

// example page template
/** @jsx jsx */
import { jsx } from 'theme-ui'
import { Layout } from 'gatsby-theme-ui-layout'

export default (props) => (
  <Layout {...props}>{/* your theme content goes here */}</Layout>
)

End-users of a theme that is built with gatsby-theme-ui-layout can shadow the same Layout component to customize the page layout.

Changelog

v0.15.5 (Tue Feb 07 2023)

:tada: This release contains work from new contributors! :tada:

Thanks for all your work!

:heart: Nischal Shakya (@Nischal2015)

:heart: Wahid Rahim (@wahidrahim)

🐛 Bug Fix

• fix(custom-properties): use default key name if pluralize returns empty #2389 (@wahidrahim)
• Add theme-aware Global component #2385 (@lachlanjc @hasparus)

🏠 Internal

• components: Rewrite Spinner for better performance #2384 (@lachlanjc)
• docs: Add missing useMDXComponents import #2370 (@Nischal2015)
• docs: Reorganize Color Modes doc for clarity #2365 (@lachlanjc)

Authors: 5

• Lachlan Campbell (@lachlanjc)
• Lennart (@LekoArts)
• Nischal Shakya (@Nischal2015)
• Piotr Monwid-Olechnowicz (@hasparus)
• Wahid Rahim (@wahidrahim)

---