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
Feature request
Overview
The native
<input type="file">is not customisable. To get around this, I often see people doing: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