3.1.3 • Published 3 months ago

@chakra-ui/gatsby-plugin v3.1.3

Weekly downloads
1,835
License
MIT
Repository
github
Last release
3 months ago

@chakra-ui/gatsby-plugin

Gatsby plugin for adding Chakra UI

Installation

⚡ To use Chakra UI in your Gatsby site, you need to install the plugin and its peer dependencies.

npm i @chakra-ui/gatsby-plugin @chakra-ui/react @emotion/react @emotion/styled framer-motion

# or

yarn add @chakra-ui/gatsby-plugin @chakra-ui/react @emotion/react @emotion/styled framer-motion

Usage

  1. Add @chakra-ui/gatsby-plugin as a plugin in your Gatsby config.
// gatsby-config.js
module.exports = {
  plugins: ["@chakra-ui/gatsby-plugin"],
}
  1. Use Chakra ⚡
// src/pages/index.js
import React from "react"
import { Box, Text } from "@chakra-ui/react"

function IndexPage() {
  return (
    <Box p={8}>
      <Text fontSize="xl">Hello World</Text>
    </Box>
  )
}

export default IndexPage

Plugin options

By default, this plugin adds the main context provider to make all components work correctly.

<ChakraProvider
  theme={theme}
  resetCSS={resetCSS}
  portalZIndex={portalZIndex}
>
  {element}
</ChakraProvider>

You can disable either of these with Gatsby options:

// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: "@chakra-ui/gatsby-plugin",
      options: {
        /**
         * @property {boolean} [resetCSS=true]
         * if `false`, this plugin will not use `<CSSReset />
         */
        resetCSS: true,
        /**
         * @property {number} [portalZIndex=40]
         * The z-index to apply to all portal nodes. This is useful
         * if your app uses a lot z-index to position elements.
         */
        portalZIndex: 40,
      },
    },
  ],
}

Customizing the theme

To use customize the theme in your Gatsby site, you can shadow the plugin's src/@chakra-ui/gatsby-plugin/theme.js file with your own theme:

// src/@chakra-ui/gatsby-plugin/theme.js
import { extendTheme } from "@chakra-ui/react"
const theme = {
  colors: {
    primary: "rebeccapurple"
  }
}

export default extendTheme(theme)

You can learn more about custom theme at Chakra UI's documentation.

By default, Chakra provides a sensible default theme inspired by Tailwind CSS.

chakra-uigatsbygatsby-plugin
@pehaa/gatsby-theme-wp-child@infinitebrahmanuniverse/nolb-_chak@everything-registry/sub-chunk-164gatsby-theme-wild-child@adamquadmon/gatsby-theme-lucifero@axontraining-sistemas/axon-test@axontraining-sistemas/lib-facturaciongatsby-ap-doc-theme@hpu-team/hpu.edu.vn@giraldomac/gatsby-theme-mindmerge@giraldomac/gatsby-theme-wvumedicinereact-country-picker
0.0.0-dev-20240115120705

3 months ago

0.0.0-dev-20240112001210

4 months ago

0.0.0-dev-20240110191159

4 months ago

0.0.0-v3-20240109123510

4 months ago

0.0.0-dev-20230423230056

1 year ago

3.1.3

1 year ago

0.0.0-dev-20230417150059

1 year ago

0.0.0-dev-20230424202839

1 year ago

0.0.0-dev-20230417144407

1 year ago

0.0.0-dev-20230424222806

1 year ago

0.0.0-dev-20230424191827

1 year ago

0.0.0-dev-20230424210540

1 year ago

0.0.0-dev-20230421204125

1 year ago

0.0.0-dev-20230424205150

1 year ago

0.0.0-dev-20230424194913

1 year ago

0.0.0-dev-20230424225650

1 year ago

0.0.0-dev-20230424221053

1 year ago

0.0.0-dev-20230422142907

1 year ago

0.0.0-dev-20230424190033

1 year ago

0.0.0-dev-20230424201223

1 year ago

0.0.0-dev-20230403120345

1 year ago

3.1.2

1 year ago

0.0.0-dev-20230112113621

1 year ago

0.0.0-dev-20230111211417

1 year ago

0.0.0-dev-20230112145104

1 year ago

0.0.0-dev-20230112154520

1 year ago

0.0.0-dev-20230112141201

1 year ago

0.0.0-dev-20230112143332

1 year ago

0.0.0-dev-20230112152756

1 year ago

0.0.0-dev-20221214075624

1 year ago

0.0.0-dev-20221123130515

1 year ago

0.0.0-dev-20221128182021

1 year ago

3.1.1

1 year ago

3.1.0

1 year ago

0.0.0-dev-20221222051548

1 year ago

0.0.0-dev-20221122135803

1 year ago

3.0.7

1 year ago

0.0.0-dev-20221216155214

1 year ago

0.0.0-dev-20221128183433

1 year ago

0.0.0-dev-20221117150258

1 year ago

0.0.0-dev-20221128185230

1 year ago

0.0.0-dev-20221216093635

1 year ago

0.0.0-dev-20221216124529

1 year ago

0.0.0-dev-20221122115819

1 year ago

0.0.0-dev-20221223180742

1 year ago

0.0.0-dev-20221216193340

1 year ago

0.0.0-dev-20221221152939

1 year ago

0.0.0-dev-20221123123308

1 year ago

0.0.0-dev-20221117065458

1 year ago

0.0.0-dev-20221124103928

1 year ago

0.0.0-dev-20221128164126

1 year ago

0.0.0-dev-20221214185941

1 year ago

0.0.0-dev-20221116105413

1 year ago

0.0.0-dev-20221214080940

1 year ago

0.0.0-dev-20221124105520

1 year ago

0.0.0-dev-20220823195046

2 years ago

0.0.0-dev-20220829121234

2 years ago

0.0.0-dev-20220820173639

2 years ago

0.0.0-dev-20220824074122

2 years ago

0.0.0-dev-20220820152257

2 years ago

0.0.0-dev-20220824080240

2 years ago

0.0.0-dev-20220829143113

2 years ago

0.0.0-dev-20220822055339

2 years ago

0.0.0-dev-20220823150801

2 years ago

0.0.0-dev-20220820165925

2 years ago

0.0.0-dev-20220824082222

2 years ago

0.0.0-dev-20220820172220

2 years ago

0.0.0-dev-20220823165602

2 years ago

0.0.0-dev-20220820195548

2 years ago

3.0.6

2 years ago

3.0.5

2 years ago

0.0.0-dev-20220820124231

2 years ago

0.0.0-dev-20220822103611

2 years ago

0.0.0-dev-20220822184448

2 years ago

0.0.0-dev-20220822051456

2 years ago

0.0.0-dev-20220820193723

2 years ago

0.0.0-dev-20220820185458

2 years ago

0.0.0-dev-20220822054045

2 years ago

0.0.0-dev-20220823192757

2 years ago

0.0.0-dev-20220829120312

2 years ago

0.0.0-dev-202261316456

2 years ago

0.0.0-dev-2022623104923

2 years ago

0.0.0-dev-2022520163758

2 years ago

0.0.0-dev-2022515163532

2 years ago

0.0.0-dev-2022520164715

2 years ago

0.0.0-dev-20225573345

2 years ago

0.0.0-dev-202255105723

2 years ago

0.0.0-dev-2022516151633

2 years ago

0.0.0-dev-202257113310

2 years ago

0.0.0-dev-2022551939

2 years ago

0.0.0-dev-2022659431

2 years ago

0.0.0-dev-2022518113258

2 years ago

0.0.0-dev-20220804194739

2 years ago

0.0.0-dev-20225619634

2 years ago

0.0.0-dev-202255185818

2 years ago

0.0.0-dev-202256151938

2 years ago

3.0.4

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

0.0.0-dev-20224248516

2 years ago

3.0.1

2 years ago

0.0.0-dev-2022610103716

2 years ago

0.0.0-dev-202242481651

2 years ago

0.0.0-dev-2022516122241

2 years ago

0.0.0-dev-2022520164752

2 years ago

0.0.0-dev-2022612222012

2 years ago

0.0.0-dev-2022424155413

2 years ago

0.0.0-dev-2022610103924

2 years ago

0.0.0-dev-2022520143145

2 years ago

0.0.0-dev-202264144818

2 years ago

0.0.0-dev-2022528143233

2 years ago

0.0.0-dev-2022669710

2 years ago

0.0.0-dev-202261317818

2 years ago

0.0.0-dev-2022511155428

2 years ago

0.0.0-dev-202268165050

2 years ago

0.0.0-dev-202251616831

2 years ago

0.0.0-dev-20226414445

2 years ago

0.0.0-dev-2022524225023

2 years ago

0.0.0-dev-20220804200605

2 years ago

0.0.0-dev-202256192154

2 years ago

0.0.0-dev-2022659325

2 years ago

0.0.0-dev-2022511155356

2 years ago

0.0.0-dev-202262285853

2 years ago

0.0.0-dev-202256153840

2 years ago

0.0.0-dev-20224248246

2 years ago

0.0.0-dev-202252174735

2 years ago

0.0.0-dev-20220805062318

2 years ago

0.0.0-dev-20220804193815

2 years ago

0.0.0-dev-2022511155212

2 years ago

0.0.0-dev-20220804193103

2 years ago

0.0.0-dev-20225517307

2 years ago

0.0.0-dev-2022587541

2 years ago

0.0.0-dev-2022513181240

2 years ago

0.0.0-dev-202257113227

2 years ago

0.0.0-dev-202268163535

2 years ago

0.0.0-dev-202241614743

2 years ago

0.0.0-dev-2022419173934

2 years ago

0.0.0-dev-2022423121615

2 years ago

0.0.0-dev-2022418165624

2 years ago

0.0.0-dev-2022416204849

2 years ago

0.0.0-dev-202241716586

2 years ago

0.0.0-dev-20224239149

2 years ago

3.0.0-next.3

2 years ago

0.0.0-dev-2022423121532

2 years ago

3.0.0

2 years ago

0.0.0-next-dev-202241614737

2 years ago

0.0.0-dev-2022423113827

2 years ago

0.0.0-dev-2022419174740

2 years ago

0.0.0-dev-202241784047

2 years ago

0.0.0-dev-202242121518

2 years ago

0.0.0-dev-2022419101754

2 years ago

0.0.0-dev-20224205231

2 years ago

0.0.0-dev-2022421153722

2 years ago

0.0.0-dev-202241710959

2 years ago

0.0.0-dev-2022417185443

2 years ago

0.0.0-dev-202241710143

2 years ago

0.0.0-dev-202241794553

2 years ago

0.0.0-dev-2022418173331

2 years ago

0.0.0-dev-2022214171014

2 years ago

0.0.0-dev-202222815414

2 years ago

0.0.0-dev-202236141416

2 years ago

0.0.0-dev-20223655213

2 years ago

0.0.0-dev-2022214195434

2 years ago

0.0.0-dev-2022215181125

2 years ago

3.0.0-next.2

2 years ago

3.0.0-next.1

2 years ago

0.0.0-dev-2022215183938

2 years ago

3.0.0-next.0

2 years ago

0.0.0-dev-2022215182043

2 years ago

0.0.0-dev-202221417436

2 years ago

0.0.0-dev-20223491859

2 years ago

0.0.0-dev-202221417325

2 years ago

0.0.0-dev-202221016349

2 years ago

0.0.0-dev-2022349957

2 years ago

0.0.0-dev-2022349032

2 years ago

0.0.0-dev-20223614103

2 years ago

0.0.0-dev-2022214195653

2 years ago

0.0.0-dev-202236132312

2 years ago

0.0.0-dev-202236131344

2 years ago

0.0.0-dev-2022349233

2 years ago

0.0.0-dev-20223215463

2 years ago

0.0.0-dev-2022225182931

2 years ago

0.0.0-dev-2022228155140

2 years ago

0.0.0-dev-202221419595

2 years ago

0.0.0-dev-2022215184036

2 years ago

0.0.0-dev-2022128224832

2 years ago

0.0.0-dev-2022128215052

2 years ago

0.0.0-dev-2022128214753

2 years ago

0.0.0-dev-202212821520

2 years ago

0.0.0-dev-202212822477

2 years ago

0.0.0-pr-2022062070

2 years ago

0.0.0-pr-202215114422

2 years ago

0.0.0-pr-2022114103521

2 years ago

0.0.0-pr-20220258462

2 years ago

0.0.0-pr-202203231241

2 years ago

0.0.0-pr-2022013191659

2 years ago

0.0.0-pr-20211113195231

2 years ago

0.0.0-pr-202204173424

2 years ago

0.0.0-dev-2021112031456

2 years ago

0.0.0-pr-2022011175644

2 years ago

0.0.0-dev-202212083710

2 years ago

0.0.0-pr-2021111320371

2 years ago

0.0.0-dev-202215122415

2 years ago

0.0.0-dev-202213175727

2 years ago

0.0.0-dev-202215152619

2 years ago

0.0.0-dev-20220114728

2 years ago

0.0.0-pr-202202423375

2 years ago

0.0.0-pr-2021112822349

2 years ago

0.0.0-dev-202215114149

2 years ago

0.0.0-pr-202111299618

2 years ago

0.0.0-pr-20220920538

2 years ago

0.0.0-pr-202215132532

2 years ago

0.0.0-pr-2022013191557

2 years ago

0.0.0-pr-20221153122

2 years ago

0.0.0-canary-2021118164051

2 years ago

0.0.0-dev-2022117101328

2 years ago

0.0.0-pr-20220620149

2 years ago

0.0.0-canary-2021118154929

2 years ago

0.0.0-pr-202211473450

2 years ago

0.0.0-pr-202214173148

2 years ago

0.0.0-pr-20211126153437

2 years ago

0.0.0-pr-2021111320117

2 years ago

0.0.0-pr-20211126155055

2 years ago

0.0.0-pr-20211113193514

2 years ago

0.0.0-pr-20221417318

2 years ago

0.0.0-dev-2022028579

2 years ago

0.0.0-pr-20221173648

2 years ago

0.0.0-dev-202201134936

2 years ago

0.0.0-pr-2022024212254

2 years ago

0.0.0-dev-20221152516

2 years ago

0.0.0-pr-202215111823

2 years ago

0.0.0-dev-2022031223123

2 years ago

0.0.0-dev-2022013193526

2 years ago

0.0.0-pr-20220300344

2 years ago

0.0.0-dev-202215121428

2 years ago

0.0.0-pr-202202618407

2 years ago

0.0.0-pr-202209231642

2 years ago

0.0.0-pr-202214173019

2 years ago

0.0.0-dev-2022028457

2 years ago

0.0.0-pr-20211113195249

2 years ago

0.0.0-pr-202202495536

2 years ago

0.0.0-pr-20211120212826

2 years ago

0.0.0-dev-2021112991233

2 years ago

0.0.0-dev-2022124213555

2 years ago

0.0.0-pr-20221263715

2 years ago

0.0.0-pr-20221148482

2 years ago

0.0.0-pr-20220251866

2 years ago

0.0.0-pr-2021112822415

2 years ago

0.0.0-pr-2022117102151

2 years ago

0.0.0-pr-20211113195152

2 years ago

0.0.0-dev-2022013193154

2 years ago

0.0.0-pr-202206184046

2 years ago

0.0.0-dev-20221463045

2 years ago

0.0.0-pr-20211191288

2 years ago

0.0.0-pr-202111299647

2 years ago

0.0.0-pr-2022010134944

2 years ago

0.0.0-dev-202211720414

2 years ago

0.0.0-pr-20211113203455

2 years ago

0.0.0-dev-202202410017

2 years ago

0.0.0-pr-202215114917

2 years ago

0.0.0-dev-2022017182859

2 years ago

0.0.0-pr-202206185910

2 years ago

0.0.0-dev-20211120215621

2 years ago

0.0.0-pr-2022061971

2 years ago

0.0.0-pr-2022031194536

2 years ago

0.0.0-pr-2022026181758

2 years ago

0.0.0-pr-20211120214314

2 years ago

0.0.0-dev-20211115102758

2 years ago

0.0.0-pr-202215121320

2 years ago

0.0.0-pr-202209211330

2 years ago

0.0.0-pr-202204174042

2 years ago

0.0.0-pr-20211120215645

2 years ago

0.0.0-dev-202212012129

2 years ago

0.0.0-pr-2022114224724

2 years ago

0.0.0-dev-20211126154241

2 years ago

0.0.0-pr-202206192435

2 years ago

0.0.0-dev-2022124213658

2 years ago

0.0.0-pr-20211113195848

2 years ago

0.0.0-dev-2022031194853

2 years ago

0.0.0-pr-2022061965

2 years ago

0.0.0-pr-20220209192

2 years ago

0.0.0-pr-202204174930

2 years ago

0.0.0-dev-202201013510

2 years ago

0.0.0-dev-20220281628

2 years ago

0.0.0-pr-202201013538

2 years ago

0.0.0-pr-202211224055

2 years ago

0.0.0-dev-2022026182947

2 years ago

0.0.0-pr-202201319022

2 years ago

0.0.0-dev-2022117203714

2 years ago

0.0.0-pr-20220284534

2 years ago

0.0.0-pr-2021111319309

2 years ago

0.0.0-dev-2022120123118

2 years ago

0.0.0-pr-202211472035

2 years ago

0.0.0-pr-2022020961

2 years ago

0.0.0-pr-202202092345

2 years ago

0.0.0-pr-2022014183133

2 years ago

0.0.0-dev-2022117102223

2 years ago

0.0.0-pr-20220282356

2 years ago

0.0.0-pr-2022031195522

2 years ago

0.0.0-pr-202202410034

2 years ago

0.0.0-pr-20211113202333

2 years ago

0.0.0-pr-20211120213315

2 years ago

0.0.0-pr-20220619547

2 years ago

0.0.0-dev-202202591453

2 years ago

0.0.0-pr-20211113203428

2 years ago

0.0.0-pr-202209231927

2 years ago

0.0.0-pr-2022024234531

2 years ago

0.0.0-pr-20221263638

2 years ago

0.0.0-dev-202202585455

2 years ago

2.0.3

2 years ago

0.0.0-pr-20211126153854

2 years ago

2.0.4

2 years ago

0.0.0-pr-2022031195316

2 years ago

0.0.0-pr-20221512130

2 years ago

0.0.0-dev-202202495727

2 years ago

0.0.0-pr-2022031195434

2 years ago

0.0.0-pr-20221272450

2 years ago

0.0.0-dev-202215111945

2 years ago

0.0.0-dev-20211115102948

2 years ago

0.0.0-pr-20221173228

2 years ago

0.0.0-dev-202211485444

2 years ago

0.0.0-pr-202209231818

2 years ago

0.0.0-pr-20220921590

2 years ago

0.0.0-pr-202215121916

2 years ago

0.0.0-dev-20211112212619

2 years ago

0.0.0-pr-2022114203350

2 years ago

0.0.0-pr-202203225541

2 years ago

0.0.0-dev-2022117103018

2 years ago

0.0.0-dev-202201117413

2 years ago

0.0.0-pr-2022026182926

2 years ago

0.0.0-pr-202208163634

2 years ago

0.0.0-pr-2021112991213

2 years ago

0.0.0-pr-202215113950

2 years ago

0.0.0-pr-202208164521

2 years ago

0.0.0-pr-2021111510277

2 years ago

0.0.0-dev-202111299720

2 years ago

0.0.0-dev-202202592640

2 years ago

0.0.0-dev-2022117131714

2 years ago

0.0.0-dev-202201319130

2 years ago

0.0.0-pr-20211120212927

2 years ago

0.0.0-pr-202202495553

2 years ago

0.0.0-dev-20211115103018

2 years ago

0.0.0-dev-20220258423

2 years ago

0.0.0-pr-2022017182645

2 years ago

0.0.0-dev-2022058937

2 years ago

0.0.0-pr-20220259146

2 years ago

0.0.0-pr-202202584437

2 years ago

0.0.0-dev-20211129982

2 years ago

0.0.0-pr-2022114102743

2 years ago

0.0.0-pr-202111921327

2 years ago

0.0.0-dev-202215114442

2 years ago

0.0.0-pr-20221462931

2 years ago

0.0.0-dev-20220209527

2 years ago

0.0.0-pr-202206191541

2 years ago

0.0.0-dev-2021112031622

2 years ago

0.0.0-pr-20211113203750

2 years ago

0.0.0-pr-20220816386

2 years ago

0.0.0-pr-20211113201444

2 years ago

0.0.0-pr-202202495259

2 years ago

0.0.0-pr-2022014102532

2 years ago

0.0.0-pr-202201319211

2 years ago

0.0.0-dev-2022058230

2 years ago

0.0.0-pr-2022028277

2 years ago

0.0.0-pr-202215121952

2 years ago

0.0.0-pr-202211713187

2 years ago

0.0.0-pr-20221272130

2 years ago

0.0.0-dev-2022117201925

2 years ago

0.0.0-pr-202211594731

2 years ago

0.0.0-dev-2022031195335

2 years ago

0.0.0-pr-202209205059

2 years ago

0.0.0-pr-2021111320052

2 years ago

0.0.0-pr-20221152447

2 years ago

0.0.0-dev-20220282224

2 years ago

0.0.0-dev-20220258486

2 years ago

0.0.0-pr-2022011182024

2 years ago

0.0.0-dev-202201418849

2 years ago

0.0.0-dev-202202591937

2 years ago

0.0.0-pr-202201418280

2 years ago

0.0.0-dev-20211115103321

2 years ago

0.0.0-pr-20220619052

2 years ago

0.0.0-pr-2021112821613

2 years ago

0.0.0-dev-2021112024830

2 years ago

0.0.0-pr-202211485522

2 years ago

0.0.0-dev-2022013185957

2 years ago

0.0.0-dev-2022120114225

2 years ago

0.0.0-pr-20220483049

2 years ago

0.0.0-pr-202204203645

2 years ago

0.0.0-dev-20220114234

2 years ago

0.0.0-dev-202215121353

2 years ago

0.0.0-pr-202214171317

2 years ago

0.0.0-dev-202206192457

2 years ago

0.0.0-dev-2021111913282

2 years ago

0.0.0-pr-202212011232

2 years ago

0.0.0-pr-20211129981

2 years ago

0.0.0-pr-20221512346

2 years ago

0.0.0-dev-20220620653

2 years ago

0.0.0-pr-20220421928

2 years ago

0.0.0-pr-20211128215540

2 years ago

0.0.0-dev-20221513279

2 years ago

0.0.0-pr-2022013192043

2 years ago

0.0.0-pr-20211126151058

2 years ago

0.0.0-dev-2022028387

2 years ago

0.0.0-pr-2022013191632

2 years ago

0.0.0-pr-202215125733

2 years ago

0.0.0-dev-202215112739

2 years ago

0.0.0-pr-202211224227

2 years ago

0.0.0-pr-2022013191627

2 years ago

0.0.0-pr-202215113521

2 years ago

0.0.0-dev-2022120114012

2 years ago

0.0.0-dev-20221152957

2 years ago

0.0.0-pr-20221512359

2 years ago

0.0.0-dev-2022120113958

2 years ago

0.0.0-pr-2021112616030

2 years ago

0.0.0-pr-20211115103050

2 years ago

0.0.0-dev-20221512173

2 years ago

0.0.0-pr-202206192031

2 years ago

2.0.2

2 years ago

2.0.2-next.0

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago