@cieloazul310/gatsby-theme-sarkara-layout

Gatsby Theme Sarkara Layout

Sarkara layout package for Gatsby.

Install

npm install @cieloazul310/gatsby-theme-sarkara

// or indivisual
npm install @cieloazul310/gatsby-theme-sarkara-layout

Peer 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

API

Layout

<GatsbySarkaraLayout>

utils

useMenu