§02-07Onboarding
ヒント tooltip / コーチマーク
画面上の要素に吹き出しで使い方を示す。
新機能や見つけにくい操作をその場で知らせられる。初回訪問やアップデート直後に、長い説明を読ませずに要点だけ伝えたいときに使う。
実装のポイント
対象要素に吹き出しを固定するには Floating UI などで位置を計算し、画面端で反転させる。既読は保存して二度と出さない。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§02-07Onboarding
画面上の要素に吹き出しで使い方を示す。
新機能や見つけにくい操作をその場で知らせられる。初回訪問やアップデート直後に、長い説明を読ませずに要点だけ伝えたいときに使う。
対象要素に吹き出しを固定するには Floating UI などで位置を計算し、画面端で反転させる。既読は保存して二度と出さない。