carbon-design-system / carbon-contribution

Documentation on how to contribute back to Carbon
https://www.carbondesignsystem.com/contributing/designers
7 stars 4 forks source link

New Component: Add Another #28

Open JessicaGentry opened 5 years ago

JessicaGentry commented 5 years ago

As part of the Watson IoT Enterprise Design System effort, we have created a compound component which is used to add multiple items, one after another, either as a single field or a set of fields. We would like to submit this as a standard form input component for the common case of adding multiple files or attachments.

Name of pattern Add Another

Proposed Design The proposed design shows single-field and multi-field versions of this pattern. These designs are created using the Grey 10 Theme.

Add Another - Single Field Process:

Add another single field

Add Another - Multi-Field Process:

multi field

Links

The sketch file can be found here: https://ibm.box.com/s/clx8235t6da1m6x00okudrpl27opwimp

Design Team: Guidea working with Chris Reckling - chris_reckling@us.ibm.com @creckling and Erin Buonomo - ebuonomo@us.ibm.com

designertyler commented 5 years ago

There's an updated file uploader coming in our August release that includes drag and drop functionality as well as a "add another" type of functionality.

You can see the PR here https://github.com/carbon-design-system/carbon/pull/3175 and more specs and discussion in this older PR. Is this something that could meet the "add another" request?

image

It's hard to interpret what the lower mockups are showing. Is there an example of this in a flow or more descriptions around what it's showing?