Status

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

オンライン/オフライン等の状態を示す最小部品です。colorPalette 軸でセマンティック色を選択でき、root/indicator の 2 パーツのみで構成します。size 軸（Xs〜Xl）ではドット径と文字サイズが連動して拡大縮小します。role="status" は付与しない設計で、非同期の状態遷移を伴う場合は呼び出し側が明示的に role/aria-live を足す契約です。

Demo

ドット（indicator）+ ラベルで状態を示す静的表示。size でドット径と文字サイズが連動し、colorPalette で色を切り替えます。

Size

Extra SmallSmallMediumLargeExtra Large

Palette

AccentInfoSuccessWarningDangerNeutral

Features

colorPalette 軸（status.rs の StatusProps::palette フィールド）でセマンティック色を選択する
size 軸（Xs〜Xl、status.rs の StatusProps::size フィールド）でドット径（--fandhe-status-dot-size）と文字サイズが連動する
root/indicator の 2 パーツのみで構成する最小部品
role="status"（WAI-ARIA live region）は付与しない設計（status.rs のクレート先頭 doc コメント、非同期の状態遷移がある場合は呼び出し側が明示的に足す）

Anatomy

root
  indicator

API Reference

Arguments

Name	Type	Default	Description
`size`	`Size`	`Md`	サイズ軸（status.rs の `StatusProps::size` フィールド）。ドット径と文字サイズが連動する。
`palette`	`ColorPalette`	`Accent`	colorPalette 軸（status.rs の `StatusProps::palette` フィールド）。

CSS Variables

Variable	Default
`--fandhe-status-dot-size`	`0.5rem`

Examples

Success

Success パレットで "Online" を表示する例です。

Online

Accessibility

WAI-ARIA

Attribute	Description
(該当なし)	role="status" は付与しない設計。非同期の状態遷移を伴う場合は呼び出し側が明示的に role/aria-live を足す契約（status.rs のクレート先頭 doc コメント、テストで role= の非出現を固定）。