f4d75a4e5b
* feat(callout): revamp of the callouts * fix: doc * chore: refactor gh alert * feat: same colors on callouts and gh alerts * docs: more relevant examples * docs: i18n * docs: update existing callouts
47 lines
945 B
Markdown
47 lines
945 B
Markdown
---
|
|
title: ステップ
|
|
---
|
|
|
|
一連のステップを表示するための組み込みコンポーネントです。
|
|
|
|
## 例
|
|
|
|
{{% steps %}}
|
|
|
|
### ステップ 1
|
|
|
|
これは最初のステップです。
|
|
|
|
### ステップ 2
|
|
|
|
これは2番目のステップです。
|
|
|
|
### ステップ 3
|
|
|
|
これは3番目のステップです。
|
|
|
|
{{% /steps %}}
|
|
|
|
|
|
## 使い方
|
|
|
|
{{< callout type="warning" >}}
|
|
このショートコードは **Markdown コンテンツ専用** であることに注意してください。
|
|
HTML コンテンツや他のショートコードをステップの内容として含めると、期待通りにレンダリングされない場合があります。
|
|
{{< /callout >}}
|
|
|
|
`steps` ショートコード内に Markdown の h3 ヘッダーを配置します。
|
|
|
|
```
|
|
{{%/* steps */%}}
|
|
|
|
### ステップ 1
|
|
|
|
これは最初のステップです。
|
|
|
|
### ステップ 2
|
|
|
|
これは2番目のステップです。
|
|
|
|
{{%/* /steps */%}}
|
|
``` |