Add Multi-Value Link Prop Support (UI)
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3577331. -->
Reported by: [vipin.mittal18](https://www.drupal.org/user/319716)
Related to !746 !683
>>>
<h3>Summary</h3>
<p>This issue introduces support for a multi-value <strong>Link</strong> prop type in the Canvas editor.</p>
<p>The Link prop should support configuring multiple example values, following the same multi-value behavior implemented for other prop types. Each link value should be editable through a modal interface and removable from the list using a remove control.</p>
<hr>
<h3>Scope</h3>
<ul>
<li><strong>UI only</strong> — This ticket focuses on front-end behavior.</li>
<li>No backend schema or storage changes are included.</li>
</ul>
<hr>
<h3>Approach</h3>
<p>The UI behavior should follow the same pattern used in the multi-value implementation described in other prop type tickets.</p>
<h4>1. List Display & “Add new” Button</h4>
<ul>
<li>Example values render as a list.</li>
<li>When multi-value is enabled and below the max limit, show a <strong>“+ Add new”</strong> button.</li>
<li>If the number of values equals the defined limit:
<ul>
<li>The <strong>“+ Add new”</strong> button will not visible.</li>
</ul>
</li>
<li>If unlimited values are selected:
<ul>
<li>The <strong>“+ Add new”</strong> button remains enabled at all times.</li>
</ul>
</li>
</ul>
<h4>2. Editing & Data Sync</h4>
<ul>
<li>Clicking a list item opens a modal dialog where the link can be edited.</li>
<li>The modal allows users to edit link.</li>
<li>Saving the modal updates the list item.</li>
<li>Cancelling editing does not apply changes.</li>
</ul>
<h4>3. Item Removal Logic</h4>
<ul>
<li>Each list item includes a remove control.</li>
<li>Clicking the remove control removes the item immediately.</li>
<li>If a maximum limit or required constraint exists, ensure the required value cannot be removed.</li>
<li>Removing an item updates the UI.</li>
</ul>
<h4>4. Drag-and-Drop Reordering</h4>
<ul>
<li>Users can reorder example values via drag-and-drop.</li>
<li>The order of items updates immediately after reordering.</li>
</ul>
<p><img src="https://www.drupal.org/files/issues/2026-03-05/Multi%20value%20link%20prop%20type%20support.png" alt="Multi value link prop type support"></p>
issue