Version 2.5.3

Minor Changes#

CSS Reset 2.1.0, Provider 2.2.0#

Add support for scoping the css reset to specific selector.

To use this feature, pass the resetScope prop to the ChakraProvider or ChakraBaseProvider component.

import { ChakraProvider } from "@chakra-ui/react"

function App() {
  return (
    <ChakraProvider resetScope=".ck-reset">
      <App />
    </ChakraProvider>
  )
}

Next.js 2.1.0#

• Add Image component that supercharges the Next.js optimized image with Chakra style props.

import { Image } from "@chakra-ui/next-js"

function App() {
  return (
    <Image
      src="/image.jpg"
      alt="image"
      width={500}
      height={500}
      objectFit="cover"
    />
  )
}

• Add ESM interop for createCache to avoid server-related errors

Patch Changes#

Button 2.0.17#

Widen types for loadingText to accept ReactNode instead of only string

Form Control 2.0.18#

Fix issue in FormLabel where htmlFor and id could not be set to null

React Context 2.0.8#

Fix issue where default value is not passed to the createContext function