Stat

fandhe-frontend-pre-styled-ui の stat mod が提供するスタイル済み Stat 部品です。

数値指標を表示する部品です。label/value-text/value-unit/help-text/up-indicator/down-indicator の 6 パーツで構成し、増減インジケータは装飾用途のため aria-hidden="true" を固定付与します。ラベルと値の一覧表示には Data List を検討してください。

Demo

数値指標 1 件をラベル・値・補助テキスト・増減方向インジケーターの組で表示する静的部品です。size（sm/md/lg）で value-text のフォントサイズを切り替えます。

Revenue: 1,234USD

Churn: 4.2%

Features

label/value-text/value-unit/help-text/up-indicator/down-indicator の 6 パーツで指標表示を構造化する（crates/pre-styled-ui/src/stat.rs:223-260）
up-indicator/down-indicator は装飾用途のため aria-hidden="true" を固定付与する（stat.rs:17, 247-260）
呼び出し側が aria-hidden を渡してもフレームワーク値の後に連結される（stat.rs:303-311）

Anatomy

root
  label
  value-text
    value-unit
  help-text
    up-indicator
    down-indicator

API Reference

Arguments

Name	Type	Default	Description
size	Size	Md	root（dl）のサイズ（stat.rs:213-221）。

CSS Variables

Variable	Default
--fandhe-stat-value-font-size	var(--fandhe-font-font-size-2xl)

Examples

Revenue

value-unit と up-indicator を組み合わせた指標表示の例です。

Revenue: 1,234USD

Accessibility

WAI-ARIA

Attribute	Description
aria-hidden="true"（up-indicator/down-indicator のみ）	装飾用途の増減インジケータに固定付与される（stat.rs:17, 247-260）。root/label/value-text 自体は固有の ARIA を出力しない。