# Metrics10

{% hint style="info" %}
All available props for the Metrics10 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/Metrics10.tsx`

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

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

## Props Details

| Prop            | Type             | Description                                       | Displayed as                                           |
| --------------- | ---------------- | ------------------------------------------------- | ------------------------------------------------------ |
| **blockDetail** | Array of Objects | List of items with counter, unit, and description | Rendered in a grid layout with counter and description |