Action & Form

ユーザーが操作・入力する系のプリミティブ

Buttons

主要アクション・サブアクション・ゴーストの3階層

success モーフ — クリックで loading → check + lime シマー → 元に戻る

Inputs / Fields

ラベル・ヘルプ・エラーは Field、入力は Input

3〜30文字、英数字とハイフン

形式が正しくありません

変更後の反映に最大5分かかります

Markdown が使えます

Checkbox / Switch

2値の選択。Checkbox は indeterminate 対応

RadioGroup

単一選択

RadioCardGroup

カードスタイルの単一選択。アイコン + 補足説明付き。ウィザードや「方法を選ぶ」場面向け

disabled / アイコンなし / 1 列

Select

単一選択ドロップダウン (Radix Select)

FilterPill

絞り込み条件のチップ。アクティブ時に削除可

PeriodSelector

期間切替バー。Calendar アイコン + ラベル + FilterPill 群。比較期間ラベルも併記可

期間
前の 7 日比