Avatar
人物や企業を画像・イニシャル・アイコンで表すコンポーネント。画像が読み込めない場合は AvatarFallback が代わりに表示される。ジョブアンテナでは応募者テーブルやメッセージ画面の人物表示、求人カードの企業ロゴ、応募者数のグループ表示に使う。
基本
sm / default / lg の3サイズ展開。画像がない場合はイニシャルのフォールバックを表示する。
企業ロゴ
求人カードのヘッダで企業ロゴと企業名・業種を並べる使い方。ロゴ未設定の企業はアイコンのフォールバックで補う。
オンライン状態
AvatarBadge で採用担当者や候補者のオンライン状態を示す。メッセージ画面で相手が返信できる状態かを伝えるときに使う。
応募者グループ
AvatarGroup と AvatarGroupCount で応募者を重ねて表示し、求人票ごとの応募人数をひと目で伝える。