>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3380516. --> Reported by: [elgandoz](https://www.drupal.org/user/898386) Related to !43 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>It could be nice to add the option to add the display of the entity id, similar to the default drupal behaviour.<br> This could be handy when some entity reference field contains many options, of which some may contain similar titles (like a several "about" pages/taxonomies belonging to different sections/parents).<br> This is also currently designed by the <a href="https://www.drupal.org/docs/core-modules-and-themes/core-themes/claro-theme/design#s-tags-or-entity-reference">Drupal Design System</a> (<a href="https://www.figma.com/file/OqWgzAluHtsOd5uwm1lubFeH/%F0%9F%92%A7-Drupal-Design-system?type=design&amp;node-id=30586-7152&amp;mode=design&amp;t=jtRqmCYWzdFqhNKD-4">Figma link</a>)</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>We could slightly tweak the template used for the user references. This option should NOT be enabled by default and it could be activated via a configuration form on the formatter widget, in order to enable it on a per-field basis.</p> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <ul> <li>implement a patch/branch to showcase the example.</li> <li>implement the configuration formatter.</li> </ul> <h3 id="summary-ui-changes">User interface changes</h3> <ul> <li>Add a non-Intrusive space (similar to the user picture) on the left-end of the tag pill.</li> </ul> <p><img src="https://www.drupal.org/files/issues/2018-12-03/tags.png" alt="Tags example from Drupal Design System"></p> <h3 id="summary-api-changes">API changes</h3> <p>None</p> <h3 id="summary-data-model-changes">Data model changes</h3> <p>None</p> > Related issue: [Issue #3222995](https://www.drupal.org/node/3222995) > Related issue: [Issue #3400892](https://www.drupal.org/node/3400892)