# Step (/docs/products/dash-dots/reference/components/step)

Goes inside `Steps`.

**Children:** Nothing

## Example

`Step` is used inside `Steps`:

![The Steps component](/assets/images/dash-dots/components/steps.webp)

```xml title="view.dml"
<Steps>
  <Step title="Paid" text="Today, 09:41" status="done" />
  <Step title="Sent" text="On its way" status="current" />
  <Step title="Received" status="upcoming" />
</Steps>
```

## Props

| Prop     | Type                                    | What it is                                                                                   |
| -------- | --------------------------------------- | -------------------------------------------------------------------------------------------- |
| `title`  | `string`                                |                                                                                              |
| `text`   | `string`                                | Under the title, such as when it happened.                                                   |
| `status` | `done`, `current`, `upcoming`, `failed` | `done` and `failed` already happened, `current` is under way, and `upcoming` hasn't started. |

## Events

None.