useTheme

useTheme is a custom hook used to get the theme object from context.

Import#

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

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

The useTheme hook returns the theme object.

function Example() {
  const theme = useTheme()

  return <div>{/* Do something with the theme */}</div>
}

function Example() {
  const theme = useTheme()
  return <div>{/* Do something with the theme */}</div>
}