Code

Code is a component used to display inline code. It is composed from the Box component with a font family of `mono` for displaying code.

    Import#

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

    Usage#

    <Code>Hello world</Code>

    Colors#

    You can change the color scheme of the component by passing the colorScheme prop.

    <Stack direction="row">
      <Code children="console.log(welcome)" />
      <Code colorScheme="red" children="var chakra = 'awesome!'" />
      <Code colorScheme="yellow" children="npm install chakra" />
    </Stack>
    Edit this page on GitHub