yunkoo.dev

MDX Component

StepList

순서가 중요한 작업을 단계별로 보여줍니다.

StepList

순서가 중요한 작업을 단계별로 보여줍니다.

각 item은 자동으로 번호가 붙습니다. 긴 문장보다는 행동 단위로 짧게 쓰면 좋습니다.

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

Preview

  1. 1초안 작성
  2. 2로컬에서 미리보기
  3. 3수정 후 발행

MDX

<StepList tone="info" items="초안 작성|로컬에서 미리보기|수정 후 발행" />

More Examples

문제 해결 순서

  1. 1에러 메시지를 그대로 읽는다
  2. 2관련 파일을 하나씩 확인한다
  3. 3작게 수정하고 다시 실행한다

MDX

<StepList
  tone="neutral"
  variant="outline"
  items="에러 메시지를 그대로 읽는다|관련 파일을 하나씩 확인한다|작게 수정하고 다시 실행한다"
/>