BlueAI StatCard
統計値を表示するカードコンポーネント。
|
import { StatCard } from "@blueai/ui"Examples
Basic
今月の売上
¥3,240,000
↑ 12%
未回収
¥540,000
3件
送付済
12件
↑ 4件
入金済
8件
残り4件
<StatCard label="今月の売上" value="¥3,240,000" sub="↑ 12%" />
<StatCard label="未回収" value="¥540,000" sub="3件" />
<StatCard label="送付済" value="12件" sub="↑ 4件" />
<StatCard label="入金済" value="8件" sub="残り4件" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label* | string | — | ラベル |
| value* | ReactNode | — | 表示する値 |
| sub | string | — | 補足テキスト |