yunkoo.dev

MDX Component

Timeline

작업 순서나 운영 흐름을 시간순으로 보여줍니다.

Timeline

작업 순서나 운영 흐름을 시간순으로 보여줍니다.

StepList보다 과정의 흐름을 보여주는 느낌이 강합니다. 운영 기록이나 변경 이력에 좋습니다.

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

Preview

  1. 1

    글 작성

  2. 2

    blog-posts에 커밋

  3. 3

    blog에서 pointer 갱신

  4. 4

    Vercel 배포

MDX

<Timeline tone="success" items="글 작성|blog-posts에 커밋|blog에서 pointer 갱신|Vercel 배포" />

More Examples

버그 수정 흐름

  1. 1

    증상 확인

  2. 2

    재현 경로 기록

  3. 3

    원인 파일 찾기

  4. 4

    수정 후 빌드 확인

MDX

<Timeline
  tone="info"
  items="증상 확인|재현 경로 기록|원인 파일 찾기|수정 후 빌드 확인"
/>