CodePanel
파일명이나 설명이 필요한 코드 예시를 묶어서 보여줍니다.
title은 필수입니다. language를 넣으면 오른쪽에 작은 메타 정보로 표시됩니다.
Preview
export default function Page() { return <main />;}MDX
<CodePanel title="app/page.tsx" language="tsx" size="sm" code={'export default function Page() {\n return <main />;\n}'}/>More Examples
설정 파일 예시
{"scripts":{"build":"next build"}}MDX
<CodePanel title="package.json" language="json" code={'{"scripts":{"build":"next build"}}'}/>