Шаги

Steps Component – встроенный компонент для преобразования нумерованного списка в визуальное представление шагов.

Пример

Первый шаг

Текст с описанием первого шага.

Второй шаг

Текст с описанием второго шага.

Третий шаг

Текст с описанием третьего шага.

Реализация

Внутри компонента <Steps> </Steps> обозначьте названия шагов заголовками третьего уровня (в markdown h3 – это ###). В этом случае система их визуально преобразует.

Первый шаг

Текст с описанием первого шага.

Второй шаг

Текст с описанием второго шага.

import { Steps } from 'nextra/components'
 
<Steps>
### Первый шаг
 
Текст с описанием первого шага.
 
### Второй шаг
 
Текст с описанием второго шага.
</Steps>