yunkoo.dev

MDX Component

TerminalBlock

터미널에서 실행한 명령을 실제 콘솔처럼 보여줍니다.

TerminalBlock

터미널에서 실행한 명령을 실제 콘솔처럼 보여줍니다.

code는 줄바꿈 문자열이나 | 로 구분한 문자열을 받을 수 있습니다. 각 줄 앞에는 $ 표시가 붙습니다.

Preview

local
$ npm run dev$ npm run lint

MDX

<TerminalBlock
  title="local"
  size="sm"
  code="npm run dev|npm run lint"
/>

More Examples

빌드 확인

verify
$ npm run lint$ npm run build

MDX

<TerminalBlock title="verify" code="npm run lint|npm run build" />