A repeatable field allows users to enter multiple values for the same key.

Structure

To add the repeatable field feature, a button, in the default style, should be placed with the following label: “Add {Item name}”.

Behavior

When users click on the “Add {item} button for the first time, one or multiple fields (in a row) should appear with labels on top and a trashcan on the right to delete the repeatable field.

 

When users click on the button again, the previous field(s) should be cloned right under the first one(s). 

Be aware: No label needed when adding more repeatable fields.

Related pages

A search field allows users to search for specific information
A select field allows users to select one option from a list of more than 10 items. 
A text area allows users to enter, read and edit text.
A text field allows users to enter, read and edit text.
A timepicker allows users to pick a time from a popup.