Steps Block
Create numbered or bulleted step-by-step sequences. Perfect for tutorials, instructions, and process documentation with clear visual progression indicators.
The Steps block provides a structured way to present sequential information. Each step has a title and content area, displayed with visual indicators that make the progression clear to readers.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Variant | No | Display style: numbered, bullets, or plain. Default: numbered |
| Steps | Yes | Array of step items to display |
Step Properties
| Property | Required | Description |
|---|---|---|
| Title | Yes | Brief heading for the step |
| Content | Yes | Rich text details for the step |
Variant Options
Example: Numbered Steps
A typical installation guide with numbered steps.
Example: Bullet Points
When order matters but numbering seems too rigid.
Editing Steps
| Action | How To |
|---|---|
| Add Step | Click the Add Step button to insert new steps |
| Reorder | Use drag handles to reorder steps |
| Edit Title | Click the title field to edit step heading |
| Edit Content | Use the rich text editor for step details |
| Remove Step | Click the trash icon to delete a step |
| Change Variant | Use the variant selector to switch display styles |