yunkoo.dev

ImageFrame

스크린샷이나 이미지를 캡션과 함께 정돈해서 보여줍니다.

src와 alt는 필수입니다. caption은 선택값이고, 스크린샷 설명을 짧게 붙일 때 좋습니다.

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

Preview

이미지나 스크린샷에 짧은 설명을 붙일 수 있습니다.

MDX

<ImageFrame
  src="/blog-logo.svg"
  alt="yunkoo.dev 로고"
  caption="이미지나 스크린샷에 짧은 설명을 붙일 수 있습니다."
  tone="neutral"
/>

More Examples

MDX

<ImageFrame src="/blog-logo.svg" alt="yunkoo.dev 로고" variant="soft" />