Steps
Display numbered step-by-step instructions.
Use the Steps and Step components to present sequential instructions. Each step is automatically numbered.
<Steps>
<Step title="Install the CLI">
Run the install command for your package manager:
```bash
npm install -g blodemd
```
</Step>
<Step title="Initialize your project">
Create a new docs project in the current directory:
```bash
blodemd init
```
</Step>
<Step title="Start the dev server">
Preview your documentation locally:
```bash
blodemd dev
```
</Step>
</Steps>Run the install command for your package manager:
npm install -g blodemdCreate a new docs project in the current directory:
blodemd initPreview your documentation locally:
blodemd devControl the heading level of step titles with titleSize, either on individual steps or on the parent Steps component:
<Steps titleSize="h3">
<Step title="Configure your project">
Edit `docs.json` to set your project name and navigation.
</Step>
<Step title="Write your content">
Create MDX files in the `docs/` directory.
</Step>
</Steps>Edit docs.json to set your project name and navigation.
Create MDX files in the docs/ directory.
children| ReactNode |
| Content displayed below the step title. |
| Optional |
| — |