yunkoo.dev

MDX Component

DefinitionBox

용어를 처음 소개할 때 정의와 설명을 함께 보여줍니다.

DefinitionBox

용어를 처음 소개할 때 정의와 설명을 함께 보여줍니다.

term과 description은 필수입니다. title은 생략하면 Definition으로 표시됩니다.

tone 사용 팁: 평범한 설명은 neutral, 참고 정보는 info, 좋은 결론은 success, 주의할 점은 warning, 위험한 작업은 danger를 먼저 떠올리면 됩니다. 자세한 기준은 tone 사용법에 모아두었습니다.

Preview

MDX

<DefinitionBox
  term="MDX"
  description="Markdown 안에서 React 컴포넌트를 함께 사용할 수 있는 글 형식입니다."
  tone="info"
  variant="outline"
/>

More Examples

기술 용어 정의

MDX

<DefinitionBox
  title="용어"
  term="SSG"
  description="빌드 시점에 HTML을 미리 만들어두는 렌더링 방식입니다."
  tone="neutral"
/>