# StepCircle

**Kind:** Component

**Source:** [`atloria-monorepo/libs/site-gen-core/src/component-library/sections/how-it-works/how-it-works-timeline.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/libs/site-gen-core/src/component-library/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_5a4f7255["StepCircle"]
    class component_StepCircle_5a4f7255 rootComponent
```

## Referenced By

- `HowItWorksTimeline` (RENDERS)