Steps 컴포넌트

번호가 매겨진 목록을 단계의 시각적 표현으로 바꾸는 내장 컴포넌트입니다.

예시

이것은 첫 번째 단계입니다

이것은 첫 번째 단계에 대한 설명입니다.

이것은 두 번째 단계입니다

이것은 두 번째 단계에 대한 설명입니다.

이것은 세 번째 단계입니다

이것은 세 번째 단계에 대한 설명입니다.

사용법

마크다운 h3 제목 세트를 Steps 컴포넌트로 감싸서 시각적 단계로 바꿀 수 있습니다.

Step 1

Content for step 1.

Step 2

Contents for step 2.

import { Steps } from 'nextra/components'
 
<Steps>
### Step 1
 
Contents for step 1.
 
### Step 2
 
Contents for step 2.
</Steps>