Step Guides
About 111 wordsLess than 1 minute
2026-08-31
The steps container transforms ordered lists into connected, numbered visual stepper flows, ideal for setup tutorials and installation procedures.
Syntax
Wrap standard Markdown ordered lists inside ::: steps:
::: steps{title="Three-Step Quickstart"}
1. **Install Dependencies**
Ensure Node.js `>= 22.12` and pnpm are installed.
2. **Clone and Initialize**
```bash
git clone https://github.com/LyraVoid/Shirone.git
cd Shirone
pnpm install
```
3. **Start Development Server**
Run `pnpm dev` and visit `http://localhost:4321`.
:::Features
- Numbered circle badges and connecting vertical lines are styled using Material 3 design tokens while retaining semantic
<ol>structure. - Supports nesting paragraphs, code snippets, alerts, and images within each individual step.
Copyright
Copyright Ownership:matsuzaka-yuki
License under:Attribution 4.0 International (CC-BY-4.0)