Input Fields : entering multiple items #1481
-
Was curious if we have a pattern in paste for entering multiple items in an input field like shown below. Or if any other teams are working on something similar. In the example you can separate multiple inputs either by comma or creating a new line. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
Hey @wilfredomerced! We don't have a documented pattern for this yet, but this is definitely done a lot throughout the products. For this, we'd recommend using either an Input or a Textarea component and providing help text to let the user know how they should input multiple values, which is what you've got in the screenshot you shared. Here's an example of a similar pattern that's being used in Console: Looks like they went with an Input instead of a Textarea in this case, since the user is limited to 5 values. I think a Textarea is probably best for something like your Unsubscribe case, since that could be a pretty long list of email addresses. Hope that helps - let us know if you have any other questions! |
Beta Was this translation helpful? Give feedback.
Hey @wilfredomerced! We don't have a documented pattern for this yet, but this is definitely done a lot throughout the products.
For this, we'd recommend using either an Input or a Textarea component and providing help text to let the user know how they should input multiple values, which is what you've got in the screenshot you shared.
Here's an example of a similar pattern that's being used in Console:
Looks like they went with an Input instead of a Textarea in this case, since the user is limited to 5 values. I think a Textarea is probably best for something like your Unsubscribe case, since that could be a pretty long list of email addresses.
Hope that helps - let us know if you have…