useToken

useToken is a custom hook used to resolve design tokens from the theme.

Import#

import { useToken } from '@chakra-ui/react'

Return value#

The useToken hook retrieves whatever is in the theme at the given path(s).

Usage#

Note that you can also use the sx prop to write styles freely using themes tokens.