本文へ移動

§23-01Help & Support

ヘルプ widget (右下バブル)

画面右下のボタンからヘルプとチャットを開く。

どの画面からでも同じ場所からヘルプや問い合わせに入れる。困った瞬間に離脱せず質問できるので、導入初期の挫折を減らす。

実装のポイント

右下の起動ボタンは aria-label と aria-expanded を持たせ、開いたパネルにフォーカスを移して Esc で閉じる。他の固定要素と重ならない位置にする。

特徴
  • 状態管理
デモで使っているもの
  • lucide-react
  • requestAnimationFrame

このパターンが効く目的