# StepCircle

**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#L43)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `num` | `number` | ✓ | - |
| `variant` | `unknown | unknown` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_StepCircle_6fabedb4["StepCircle"]
    class component_StepCircle_6fabedb4 rootComponent
```

## Referenced By

- `HowItWorksTimeline` (RENDERS)