[New Primitive] `FileUpload`

[colmtuite]

Feature request

Overview

The native <input type="file"> is not customisable. To get around this, I often see people doing:

<label>
  <button>
  <input type="file" style="hide this element visually">
</label>

However, this approach doesn't render the filename, which is bad for a11y. Rendering the filename requires JS

Who does this impact? Who is this for?

Anyone who wants custom UI and uses forms, which is quite a lot of people.

Additional context

We could also provide a part to render the filesize (which I think is available through the browser API).

Examples

https://baseweb.design/components/file-uploader

[asherccohen]

A good example of use cases can be found on Uber's base web component lib

[hjonasson]

Is there any movement on this?

[benoitgrelard]

Is there any movement on this?

No we haven't started any work on this specific primitive.

[musdotdigital]

would be a great addition.

[vermeerenmaxime]

Can't wait for this (:

[Dannymx]

This is definitely needed.

[pipifix]

This would be a great addition. Can't wait for this.

[ederbiason]

Really useful component, would be a greate addition fr. letss go

[dexhorthy]

+1 🙏

[demarchenac]

+2 🙏🏻

[rinorzk]

+1 🙏🏼

[samantha-wong]

+1 🙏

[trocoli96]

+1

[bittercoder]

This would be super helpful 👍 +1

[spencer-rafada]

This would be super helpful +1

[ereburg]

+1

[MaxRojas1990]

+1

[rbrahier17]

+1

[jlarmstrongiv]

Another example is https://ark-ui.com/docs/components/file-upload based on https://zagjs.com/components/react/file-upload

[kevin1193]

is there any update on this ?