Code

인라인 코드를 표시할 때 사용하는 컴포넌트예요. 문장 안에 코드 조각을 깔끔하게 넣고 싶을 때 유용해요.

출처: 문서

본문

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

<Code>Hello world</Code>

size prop을 사용하면 코드 컴포넌트의 크기를 바꿀 수 있어요.

variant prop을 사용하면 코드 컴포넌트의 모양을 바꿀 수 있어요.

colorPalette prop을 사용하면 컴포넌트의 색상 구성표를 바꿀 수 있어요.

해당 컴포넌트에 전달할 수 있는 prop은 Code 컴포넌트의 Props 표를 확인해 주세요.

Chakra UI의 Code 컴포넌트에 대해 더 자세히 알아보려면 공식 문서를 확인해 보세요.