FileItem

name と description（形式・大きさ・日付など）を渡します。ファイルのアイコンは、1px #dddddd の枠と外への淡い影を持つ白い縦長の四角（32×40px）に青緑で描きます。名前は本文の大きさ（13px）の黒い太字、説明は灰色（#666666）の12pxの文字です。名前と説明は、アイコンの上下の中央にそろえます。href を渡すと名前がリンクになり、ホバーした時だけ赤い文字と下線にします。長い名前も省略せずに折り返します。

preview に画像やPDFの1ページ目の縮小を渡すと、ファイルのアイコンの代わりに中身を見せます。縮小はBC2のFilesの一覧と同じく、角丸なしの1px #dddddd の枠の内側に2pxの白い余白を取り、外へ淡い影を付けて、40pxの正方形に切り抜きます。

state は ready・pending・error です。pending はアイコンを淡い灰色の面に灰色で描いて縮小を薄くし、説明の前に「待機中 · 」を付けます。error はアイコンを淡い赤の面に赤で描き、説明の前に赤い「送信失敗 · 」を付けます。error の時は description に直し方を書きます。

actions に確認や再送信の操作を渡します。置き場所の幅が26rem以上なら右端に、狭ければ名前の下に置きます。送信・再送・削除の処理は利用側が持ちます。

JavaScriptは使いません。