본문으로 건너뛰기
패턴

CodeView

파일명, 줄 번호, 강조와 파일 작업을 갖춘 읽기 전용 코드 표면을 제공한다.

활용 방법

Source file

Preview
src/index.ts3 lines
src/index.ts
1export { Button } from "./button";
2export { Dialog } from "./dialog";
3export { FileTree } from "./file-tree";
tsx
<CodeView filename="src/index.ts" lines={[{ number: 1, content: `export { Button } from "./button";` }]} />