Link
fandhe-frontend-wireframe-ui の下線テキストリンク風プレースホルダーです。下線付きラベル + 任意の末尾アイコン(外部リンク等)で「リンクらしさ」だけを表現する非インタラクティブな部品です。API は link(label, trailing, size, bold) の 4 引数(詳細は下の引数表を参照)で、props 構造体は導入していません。
視覚的な参照元は blocks.pm の Link 部品ですが、ライセンス上の理由によりスクリーンショットは掲載していません(詳細は docs/design/wireframe-ui-architecture.md §2)。参照したい場合は外部リンク先を直接確認してください。
本部品は表示専用のため実際にページ遷移するリンクは出力しません。実際に操作可能なリンクが必要な場合は Link(Themes) または Link(Primitives) を検討してください。
Demo
既定(Md)
詳細を見るBold
重要なリンク外部リンクアイコン付き
外部サイトを見るSm
小サイズのリンクLg
大サイズのリンク引数表
| 引数 | 型 | 既定値 | 説明 |
|---|---|---|---|
| label | &str | - | 下線付きで表示する必須のリンク文言。 |
| trailing | Option<Node> | None | 省略可能な末尾アイコンスロット。外部リンク表示は Some(icon::external(size)) を渡す。 |
| size | Size | Size::Md | サイズ段階(xs〜xl)。フォントサイズに反映される。 |
| bold | Bold | Bold(false) | true のとき太字(fw-wire-bold)バリアントにする。 |
原案差分メモ
- API は独自設計:
docs/design/wireframe-ui-architecture.md§6 の汎用変換規約から独立設計しました。 - アイコンスロットで表現: 末尾アイコンは
trailing: Option<Node>で受け取り、外部リンク表示は呼び出し側がSome(icon::external(size))を渡すことで表現します(同文書 §11.4 のOption<Node>アイコンスロット規約の実例)。専用の型や第 2 の bool 引数、external_linkのような便宜ラッパは追加していません。 a[href]は出力しない: ルートはspanとし、href/rel/targetは一切出力しません(同文書 §7 の非対話制約)。- スクリーンショット非掲載:
docs/design/reference-screenshots/への blocks.pm 画像取り込みは #2602 で fail-closed に非掲載と確定しています。本ページも画像は置かず、上記の外部リンクのみで代替します。 - 配色はグレースケール: 黒塗り二値ではなく
--fw-wire-ink(文字色)・--fw-wire-line(下線色)のトークンを使います。