hextra/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 */%}}
```