---
meta:
    title: Stepper Step
    description: A step within a stepper component that displays progress through a multi-step workflow.
layout: component
sidebarSection: Hidden
---

```html:preview
<terra-stepper>
  <terra-stepper-step title="Step 1" state="completed"></terra-stepper-step>
  <terra-stepper-step title="Step 2" state="current"></terra-stepper-step>
  <terra-stepper-step title="Step 3" state="upcoming"></terra-stepper-step>
</terra-stepper>
```

[component-metadata:terra-stepper-step]
