Attachment

チャットやフォームに添付されたファイルを、名前・サイズ・状態つきのカードで表示するコンポーネント。idle / uploading / error / done の状態表示と横スクロールの AttachmentGroup を備える。ジョブアンテナでは応募時の履歴書 PDF のアップロードや、企業とのメッセージでやり取りする書類・職場写真の表示に使う。

基本

ファイル名とサイズを表示する基本形。default / sm / xs の3サイズがあり、削除ボタンを AttachmentActions に置く。

アップロード状態

履歴書 PDF のアップロードの状態遷移。idle は破線枠の添付ボタン、uploading はスピナー、error は再試行と削除、done で完了になる。

写真グループ

求人票に載せる職場写真を AttachmentGroup で横スクロール表示する。orientation を vertical にするとサムネイル型になり、削除ボタンは右上に重なる。

メッセージ添付

企業とのメッセージで受け取った書類。AttachmentTrigger でカード全体をクリックして開けるようにし、ダウンロードボタンを併置する。