File Upload

fandhe-frontend-pre-styled-ui の file_upload mod が提供するスタイル済み File Upload 部品です。

Demo

ファイルメタデータ（name/size/mime type）のみを扱い、File オブジェクト自体は headless 層で保持しません。実 File API 接触は wasm-full 側の配線層に隔離されています。

Attachments

report.pdf
200.0 KB

Disabled

locked.txt
1.0 KB

Features

headless-ui の `file_upload::root` へ委譲し、`size` variant クラスのみを付与する。
`disabled` の単一状態フラグを直接引数で受け取る。

Anatomy

root
  label
  dropzone
    trigger
    hidden-input
  item-group
    item
      item-name
      item-size-text
      item-delete-trigger
  clear-trigger

API Reference

Arguments

Name	Type	Default	Description
size	Size	Size::Md	サイズ variant。
disabled	bool	false	無効化状態。
attrs	Vec<(&str, &str)>		root パーツへ合成する追加属性。
children	Vec<Node>		root 配下の子ノード（ドロップゾーン・トリガー等）。

Data Attributes

Part	Attribute	Observed Values
clear-trigger	data-disabled
dropzone	data-disabled
hidden-input	data-disabled
item	data-disabled
item-delete-trigger	data-disabled
root	data-disabled
trigger	data-disabled

CSS Variables

Variable	Default
--fandhe-file-upload-dropzone-padding	var(--fandhe-space-6)
--fandhe-file-upload-font-size	var(--fandhe-font-font-size-sm)