ant-design/ant-design

Configurable layout for Upload control

Open

#22,172 opened on Mar 12, 2020

View on GitHub
 (1 comment) (5 reactions) (0 assignees)TypeScript (98,031 stars) (54,612 forks)batch import
Inactivehelp wanted

Description

  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Permits customizing the render location of the Upload button/dragger separately from file list.

What does the proposed API look like?

Provide separate controls for file list and Upload button/dragger, so they can be arranged where needed. They can both live under an ancestor Upload.

<Upload>
  <MyLayout>
    <Upload.FileList/>
    <Upload.Dragger/>
  </MyLayout>
<Upload>

Contributor guide

Tech stack
typescriptreact
Domain
frontenddesign
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactTypeScriptant design basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Examine the existing Upload component in `components/upload` to understand its current layout and internal structure. Look at how other compound components like Tabs implement subcomponents (e.g., `TabPane`). The proposed API with `Upload.FileList` and `Upload.Dragger` needs to be implemented. Check the one comment on the issue for any additional guidance.