NavigationMenu

サイトのメインナビゲーション。ホバーで詳細なサブメニューパネルを展開でき、製品・ドキュメント・価格などの大分類ナビゲーションに使う。

インストール

npx shoji add navigation-menu

プレビュー

使い方

こんなときに使う

  • SaaSサイトのヘッダーナビ（製品・料金・会社情報など）
  • ホバーで詳細なサブカテゴリやリンクを表示したいとき

使わないほうがいい場面

  • モバイル（ハンバーガーメニューと Sheet の組み合わせを使う）
  • 3階層以上の深いナビゲーション（ユーザーが迷子になりやすい）

JP 最適化のポイント

  • 日本語のナビゲーションラベルは短く — 「製品」「料金」「事例」など漢字1〜2文字が理想。3文字以上になると横幅が詰まる