Link

汎用のインラインリンク（a 要素 1 パーツ）です。fandhe-frontend-headless-ui の link mod が構造・アクセシビリティ（WAI-ARIA・キーボード操作）・表示状態（data-*）のみを提供する unstyled 部品であり、Themes 版と異なりスタイル（CSS）は一切持ちません。external を true にすると target="_blank" と rel="noopener noreferrer" を不可分に付与し、reverse tabnabbing を防ぎます。

スタイル済みの表示例は Link を参照してください。

関連 API: fandhe-frontend-headless-ui API

Demo

枠線・余白は docs サイト側のデモ枠であり、fandhe-frontend-headless-ui 自体はスタイルを持ちません。

External link

Features

汎用インラインリンク。root（a）1 パーツのみの最小構成（chakra-ui Link 相当、link.rs モジュール doc）。
external=true のとき target="_blank"+rel="noopener noreferrer" を不可分に付与する（reverse tabnabbing 対策。片方のみを付与できる API は公開しない）。
current=true のとき aria-current="page"+data-current を付与する（breadcrumb/nav_list と同じ語彙を共有）。

Anatomy

root

API Reference

Arguments

Name	Type	Description
root(href)	&str	遷移先 URL。危険な URL スキーム（javascript: 等）は core の render() が属性ごと拒否する。
root(external)	bool	true のとき target="_blank"+rel="noopener noreferrer" を不可分に付与する。
root(current)	bool	true のとき aria-current="page"+data-current を付与する。

Examples

external=false の構成

external を false にして target="_blank"/rel を出力しない構成です。

Guide

Accessibility

WAI-ARIA

Attribute	Description
aria-current="page"	current 引数が true のときのみ付与する。