Gatsby Theme Sarkara Layout
Sarkara layout package for Gatsby.
Install
npm install @cieloazul310/gatsby-theme-sarkara
// or indivisual
npm install @cieloazul310/gatsby-theme-sarkara-layoutPeer dependencies (required)
- react
- react-dom
- gatsby
- @chakra-ui/react
- @chakra-ui/icons
- @cieloazul310/gatsby-theme-sarkara-components
- @cieloazul310/sarkara-components
- @cieloazul310/sarkara-layout
- @emotion/react
- @emotion/styled
- framer-motion
Usage
// src/pages/hoge.tsx
import { GatsbySarkaraLayout } from '@cieloazul310/gatsby-theme-sarkara';
function Page() {
return (
<GatsbySarkaraLayout>
{contents}
</GatsbySarkaraLayout>
);
}Shadowing
Shadowing in Gatsby Themes
https://www.gatsbyjs.com/docs/how-to/plugins-and-themes/shadowing/
src
├── @chakra-ui
│ └── gatsby-plugin
│ └── theme.ts
├── @cieloazul310
│ └── gatsby-theme-sarkara-layout
│ └── useMenu.tsx
└── pages
├── 404.tsx
└── index.tsx