yunkoo.dev

MDX Component

Callout

정보, 주의, 성공 같은 상태를 가진 안내 문장을 담습니다.

Callout

정보, 주의, 성공 같은 상태를 가진 안내 문장을 담습니다.

tone은 neutral, info, note, warning, success, danger를 사용할 수 있습니다.

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

Preview

MDX

<Callout tone="warning" title="배포 전 확인" size="md" variant="soft">
  배포 전에 로컬에서 링크와 이미지 경로를 다시 확인합니다.
</Callout>

More Examples

성공 상태 안내

MDX

<Callout tone="success" title="완료">
  글 초안과 이미지 경로를 모두 확인했습니다.
</Callout>

위험한 작업 경고

MDX

<Callout tone="danger" title="주의">
  커밋 전에 content-source/posts 변경이 섞이지 않았는지 확인합니다.
</Callout>