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="에러 메시지를 그대로 읽는다|관련 파일을 하나씩 확인한다|작게 수정하고 다시 실행한다"/>