Code

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

Import#

import { CCode } from '@chakra-ui/vue';

Usage#

<c-code>Hello world</c-code>

Colors#

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

<c-stack is-inline>
  <c-code>console.log(welcome)</c-code>
  <c-code variant-color="red">var chakra = 'awesome!'></c-code>
  <c-code variant-color="yellow">npm install chakra</c-code>
</c-stack>

Props#

Slots#