# StepCard

**Kind:** Component

**Source:** [`atloria-monorepo/templates/site-bootstrap/src/sections/how-it-works/how-it-works-timeline.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/templates/site-bootstrap/src/sections/how-it-works/how-it-works-timeline.tsx#L20)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `step` | `Step` | ✓ | - |
| `t` | `Function` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_StepCard_4524ff8c["StepCard"]
    class component_StepCard_4524ff8c rootComponent
```

## Relationships

- RENDERS → `Icon`

## Referenced By

- `HowItWorksTimeline` (RENDERS)