Resizable

ハンドルをドラッグして隣り合うペインの幅や高さを調整できる分割レイアウト。一覧と詳細を同時に見せつつ、ユーザーが自分の作業に合わせて配分を変えられる画面で使う。ジョブアンテナでは管理画面の応募者進捗管理やメッセージ画面など、一覧+詳細の2ペイン構成に使う。

基本

横分割2ペインの最小構成。defaultSize / minSize はパーセント文字列(数値はピクセル扱い)で指定し、withHandle でつまみを表示する。

縦分割

ResizablePanelGroup に orientation="vertical" を指定した上下分割。仕事内容と応募条件のように、長さの読めない2つのテキスト領域を配分調整したいときに使う。

応募者一覧+詳細

管理画面の進捗管理を想定した固定高の2ペイン。左に応募者リスト、右に選択中の候補者詳細を置き、リストの情報量に応じて境界をドラッグで調整できる。