# stat-card

- 分组：组合组件（Composite）
- 页面：/components/stat-card
- 源码：packages/react/src/components/stat-card.tsx

## 导出

```ts
import { StatCard } from "@modra/react";
```

## Props（StatCardProps）

| 名称 | 必填 | 类型 | 说明 |
| --- | --- | --- | --- |
| `title` | 是 | `React.ReactNode` |  |
| `value` | 是 | `React.ReactNode` |  |
| `prefix` | 否 | `React.ReactNode` |  |
| `suffix` | 否 | `React.ReactNode` |  |
| `icon` | 否 | `React.ReactNode` |  |
| `status` | 否 | `StatusBadgeTone` | Small status dot before the title. Status colour is limited to the dot (or a badge), never the card. |
| `statusLabel` | 否 | `string` | Accessible text for the status dot, announced to screen readers. |
| `badge` | 否 | `React.ReactNode` | Trailing badge (for example a StatusBadge) shown at the end of the title row. |
| `trend` | 否 | `StatCardTrend` |  |
| `loading` | 否 | `boolean` |  |