Hextra v0.11 is here! 🎉 Discover what’s new

Steps

A built-in component to display a series of steps.

You can use the Markdown attribute {class="no-step-marker"} to prevent a heading from being counted as a step.

Example

Step 1

This is the first step.

Step 2

This is the second step.

Step subheading

This will not be counted as a step.

Step 3

This is the third step.

Usage

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.

Put Markdown h3 header within steps shortcode.

{{% steps %}}

### Step 1

This is the first step.

### Step 2

This is the second step.

#### Step subheading {class="no-step-marker"}

This will not be counted as a step.

{{% /steps %}}
Last updated on