hextra_mirror/exampleSite/content/docs/guide/shortcodes/steps.ja.md

---
title: ステップ
---

一連のステップを表示するための組み込みコンポーネントです。

## 例

{{% steps %}}

### ステップ 1

これは最初のステップです。

### ステップ 2

これは2番目のステップです。

### ステップ 3

これは3番目のステップです。

{{% /steps %}}


## 使い方

{{< callout emoji="ℹ️" >}}
  このショートコードは **Markdown コンテンツ専用** であることに注意してください。
  HTML コンテンツや他のショートコードをステップの内容として含めると、期待通りにレンダリングされない場合があります。
{{< /callout >}}

`steps` ショートコード内に Markdown の h3 ヘッダーを配置します。

```
{{%/* steps */%}}

### ステップ 1

これは最初のステップです。

### ステップ 2

これは2番目のステップです。

{{%/* /steps */%}}
```