Skip to content

[New Primitive] FileUpload #1327

@colmtuite

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions