数字ブロックとメトリクス
数字ブロックは、spark の罫線を添えたひとつの根拠となる数字です。メトリクスは、同じ考え方を枠つきのタイルに入れ、説明を添えたものです。
42
指標
短い補足
プロパティ
コード
import { StatBlock } from "@/components/ui/kit/data";
<StatBlock value="42" label="指標" sub="短い補足" />すべての状態
42
指標
短い補足
メトリクス
9.1
数字の意味をひとことで。
使い方
使っているトークン
| --ink | … |
|---|---|
| --muted | … |
| --faint | … |
| --spark | … |
| --line | … |
| --surface | … |
| --font-display | … |
| --font-label | … |
値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。