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
48 lines
631 B
Markdown
48 lines
631 B
Markdown
---
|
|
title: Steps
|
|
---
|
|
|
|
A built-in component to display a series of steps.
|
|
|
|
## Example
|
|
|
|
{{% steps %}}
|
|
|
|
### Step 1
|
|
|
|
This is the first step.
|
|
|
|
### Step 2
|
|
|
|
This is the second step.
|
|
|
|
### Step 3
|
|
|
|
This is the third step.
|
|
|
|
{{% /steps %}}
|
|
|
|
|
|
## Usage
|
|
|
|
{{< callout type="warning" >}}
|
|
Please note that this shortcode is intended **only for Markdown content**.
|
|
If you put HTML content or other shortcodes as step content, it may not render as expected.
|
|
{{< /callout >}}
|
|
|
|
Put Markdown h3 header within `steps` shortcode.
|
|
|
|
```
|
|
{{%/* steps */%}}
|
|
|
|
### Step 1
|
|
|
|
This is the first step.
|
|
|
|
### Step 2
|
|
|
|
This is the second step.
|
|
|
|
{{%/* /steps */%}}
|
|
```
|