Button

fandhe-frontend-wireframe-ui のボタン風プレースホルダーです。テキストラベル + 任意の先頭アイコン + サイズ/強調/無効状態を持つ非インタラクティブな部品です。API は button(label, icon, size, primary, disabled) の 5 引数（詳細は下の引数表を参照）で、props 構造体は導入していません。

視覚的な参照元は blocks.pm の Button 部品ですが、ライセンス上の理由によりスクリーンショットは掲載していません（詳細は docs/design/wireframe-ui-architecture.md §2）。参照したい場合は外部リンク先を直接確認してください。

「Button」という名前ですが、<button> 要素・クリック操作・フォーム送信のいずれも実装しない表示専用プレースホルダーです。実際に操作可能なボタンが必要な場合は Button（Themes）を検討してください。

Demo

既定（テキストのみ）

送信

アイコン付き

追加

Primary

確定

Disabled

送信できません

小サイズ

大サイズ

引数表

引数	型	既定値	説明
label	&str	-	必須。ボタン内に表示する文言。
icon	Option<Node>	None	省略可能な先頭アイコンスロット。`Some(icon::plus(size))` のように渡す。
size	Size	Size::Md	サイズ段階（xs〜xl）。コントロール高さ・フォントサイズに反映される。
primary	Primary	Primary(false)	true のとき強調（反転色）バリアントにする。
disabled	Disabled	Disabled(false)	true のとき `data-disabled=""` を付与する（見た目のみ。クリック不能を実装するものではない）。

原案差分メモ

div ルート・非対話制約: docs/design/wireframe-ui-architecture.md §7 に従い、ルートは div とし role/aria-*/tabindex/on* は一切出力しません（アイコンが持つ aria-hidden="true" は装飾用途の既定属性で対話的 ARIA ではありません）。
アイコン有無はアイコンスロットの有無に畳み込む: docs/design/ wireframe-ui-architecture.md §2 の保留（イシュー #2602）に従い、blocks.pm の Figma プロパティ構成を参照・書き写さず、アイコン付きボタンで広く使われる「ラベルの前に任意のアイコンを 1 つだけ置く」という一般的な UI パターンから独立に設計しました。「アイコン付き」「テキストのみ」の区別に専用の列挙型は導入せず、icon: Option<Node> の Some/None へ畳み込みます。アイコンのみ（テキストなし）の variant は本イシューでは実装していません（意図的な絞り込み）。
Disabled は独立追加した表示状態軸: 押下可能な操作要素が無効化されている状態を表す一般的な UI パターンとして、Forms 部品向けに用意済みの共通型 Disabled をそのまま使い、true のとき data-disabled="" を付与します（見た目のみで、クリック不能を実装するものではありません）。Bold/Active は付与しません。
スクリーンショット非掲載: docs/design/reference-screenshots/ への blocks.pm 画像取り込みは #2602 で fail-closed に非掲載と確定しています。本ページも画像は置かず、上記の外部リンクのみで代替します。
配色はグレースケール反転: Primary バリアントは --fw-wire-ink 背景・--fw-wire-paper 文字色へ反転し、黒塗り二値ではなく --fw-wire-* トークンを使います。