ユーティリティリンク(概要)

ユーティリティリンクはふつうの横並びリンクリストに近いが、それよりもコンパクトに作られています。
使い方
配置
ユーティリティリンクは通常、デスクトップビューでのヘッダーやフッターエリアなどが配置場所になります。
ヘッダーエリアでの配置例

フッターエリアでの配置例

参考例
ユーティリティリンクに配置されるリンクはユーザーが頻繁にアクセスするリンク、例えば、「お問合わせ」、「よくあるご質問」、「ヘルプ」、「アクセス」など、また法的に必要性のある「プライバシーポリシー」などが含まれます。これらは、ユーザーが複数のページやメニューを経由せずに共通のタスクを実行したり、重要な情報にアクセスしたりするための便利なショートカットとして機能します。
ヘッダーエリアの参考例

フッターエリアの参考例

各種リソース
種別 | リソース | 状態 |
---|---|---|
デザイン | デザインデータ(Figma) | 提供中 |
実装 | ソースコード(HTML+CSS) | 提供中 |
サンプル(HTML+CSS) | 提供中 | |
ソースコード(React+Tailwind CSS) | 提供中 | |
サンプル(React+Tailwind CSS) | 提供中 |