Message Scroller

メッセージ履歴を固定高のスクロール領域に表示し、新着時の自動スクロールと最下部へ戻るボタンを提供するコンポーネント。defaultScrollPosition や scrollAnchor で開いたときの表示位置も制御できる。ジョブアンテナでは企業と求職者のメッセージ画面で、やり取りの履歴表示に使う。

基本

応募チャットの履歴を固定高で表示し、開いたとき最下部に自動スクロールする基本形。上へスクロールすると最下部へ戻るボタンが現れる。

未読から表示

defaultScrollPosition="last-anchor" と scrollAnchor で、開いたとき未読の区切りから表示する。direction="start" のボタンで履歴の先頭にも戻れる。

メッセージ画面

ヘッダーと入力欄を組み合わせたメッセージ画面のレイアウト。求人カードの共有を挟み、スクロールボタンにテキストを入れて新着への誘導を明確にする。