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.14.4 (Sat Apr 23 2022)

:tada: This release contains work from a new contributor! :tada:

Thank you, kamatte (@kamatte-me), for all your work!

🐛 Bug Fix

• @theme-ui/components
  • fix: Donut component's viewBox svg property #2209 (@kamatte-me)

Authors: 3

• kamatte (@kamatte-me)
• Lachlan Campbell (@lachlanjc)
• Piotr Monwid-Olechnowicz (@hasparus)

---