# Metrics5

{% hint style="info" %}
All available props for the Metrics5 component are defined and handled within **Component usage path** file. This allows for easy modifications to the content of the Metrics section.
{% endhint %}

**Component path**: `src/blocks/metrics/Metrics5.tsx`

**Component usage path:**  `src/app/blocks/metrics/metrics5/page.tsx`

**Preview link:** <https://www.saasable.io/blocks/metrics/metrics5>

## Props Details&#x20;

| Prop            | Type               | Description                                                             | Displayed as                                                                           |
| --------------- | ------------------ | ----------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
| **heading**     | `string`           | Main title of the section.                                              | `"Our Key Advantages"`                                                                 |
| **caption**     | `string`           | Additional descriptive text for the section.                            | `"Discover the unique features and metrics that set us apart..."`                      |
| **blockDetail** | `Array of objects` | Array of blocks, each with counter, unit, caption, and animation delay. | `[ { counter: '500', defaultUnit: 'k', caption: 'Users', animationDelay: 0.1 }, ... ]` |