@flish/chakra-theme v1.2.2

Flish Chakra Theme

At Flish, we use Chakra to create our react component. If you want to build an extension using react, this is the go to solution.

Installation

npm install -s @flish/chakra-theme

Usage

Wrapper

In Chakra, app is wrapped by a theme component. This library defined a custom theme that can be passed to ChakraProvider

Example

import flishTheme from "@flish/chakra-theme"
import { ChakraProvider, extendTheme } from "@chakra-ui/react"

const theme = extendTheme(flishTheme)
/* ... */
<ChakraProvider theme={flishTheme} >
      <App />
</ChakraProvider>