# Metric

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/projects/[id]/components/dashboard/DocsHealthHero.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/projects/[id]/components/dashboard/DocsHealthHero.tsx#L189)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `icon` | `unknown` | ✓ | - |
| `value` | `string | number` | ✓ | - |
| `label` | `string` | ✓ | - |
| `tone` | `string` | - | "text-gray-900" |
| `title` | `string` | - | - |

## Diagram

```mermaid
graph TD
    component_Metric_21dbde71["Metric"]
    class component_Metric_21dbde71 rootComponent
```

## Relationships

- RENDERS → `Icon`

## Referenced By

- `DocsHealthHero` (RENDERS)