We should offer a way to add a new component by duplicating an existing component from the same area. The ability to add a new component by duplicating an existing one is requested on a regular basis.
One way to quickly add any type of content is to quickly duplicate an existing element, which has a similar type, is located at a similar location or contains similar content. This is also true for adding new content on a page, especially if you build repetitive structures like links, tables, teasers, carousels and the like.
In fact, the marketing team already uses a "duplicate component" action on the corporate website, which we should at least take as a starting point for an implementation in the product, as it has been used in production since Spring 2015.
As is the case with duplication of items elsewhere, duplicating a component should:
- Add the duplicate right after the component that was duplicated
- Select the duplicate and make sure it's in view, so that I can keep working on it right away. Any previously selected element on the page should be deselected before that. - separated to
We'll add the "duplicate component" action between "edit component" and "move component" to align the order of actions with the one used in other apps. Unfortunately, our current "duplicate" icon lends itself to pages/files too much, but we'll still stick to it to ensure consistency.